/*rem*/ var zj_width = 750; //设计稿尺寸 /*让文字和标签的大小随着屏幕的尺寸做变话 等比缩放*/ var html = document.getElementsByTagName('html')[0]; /*取到屏幕的宽度*/ var width = window.innerWidth; /* 640 100 320 50 */ var fontSize = 100/zj_width*width; /*设置fontsize*/ html.style.fontSize = fontSize +'px'; window.onresize = function(){ html = document.getElementsByTagName('html')[0]; /*取到屏幕的宽度*/ width = window.innerWidth; /* 640 100 320 50 */ fontSize = 100/zj_width * width; /*设置fontsize*/ html.style.fontSize = fontSize +'px'; console.log(fontSize); };
让文字和标签的大小随着屏幕的尺寸做变化 等比缩放js
最新推荐文章于 2024-07-03 17:44:24 发布