前端页面运用rem自适应屏幕大小

 时间:2024-10-15 13:59:59

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'; })(); }

  • 如何健康、合理的饮食?
  • 最强大脑急转弯111-120关攻略
  • 打败小偷第九关过关攻略
  • 妈妈把我的游戏藏起来了2手游攻略第二十五关
  • 妈妈把我的游戏藏起来了第35关攻略
  • 热门搜索
    用ps怎么去水印 生活万岁 在农村如何致富 如何自动关机 如何调理内分泌失调 如何选择空调 我们的生活比蜜甜 河北建筑工程学院怎么样 破折号的作用是什么 作文生活中的小镜头