js根据屏幕宽度计算rem比例

Posted PromiseOne

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js根据屏幕宽度计算rem比例相关的知识,希望对你有一定的参考价值。

 1 function fnInitScreen() {
 2     var html = document.getElementsByTagName("html")[0];
 3     var width = window.innerWidth;
 4     var font_size = 0;
 5     font_size = 16/1500*width;
 6     html.style.fontSize = font_size + "px";
 7 }
 8 fnInitScreen();
 9 window.onresize = function () {
10     fnInitScreen();
11 }

 

以上是关于js根据屏幕宽度计算rem比例的主要内容,如果未能解决你的问题,请参考以下文章

移动端页面利用好viewport,适配各种宽度屏幕

移动端适配

使用动态rem方案适配不同屏幕尺寸

前端移动端rem页面怎么写js代码怎么写

彻底搞好rem 与js的监控

移动端rem.js使用方法