前端页面运用rem自适应屏幕大小
1、把下面的代码放在你的js文件或标签里,然后去浏览器页面查看html的
font-size的值是多少,然后根据自己需求设置下面代码里的“15”的大小;
举个列子:ui设计稿750px,如果每个rem为50px的话,就可以分成15份,那如果每个rem为15px的话,则可以分成50份;一般情况下 这里的“15”是根据你设计稿里的常用字的大小来确定的。
window.onload=function(){ (function(){
var html = document.documentElement;
var windowWidth = html.clientWidth;
html.style.fontSize = windowWidth /15+ 'px';
})(); }
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
                                阅读量:185
阅读量:31
阅读量:93
阅读量:160
阅读量:67