移动端rem布局之common.js

最新推荐文章于 2022-09-26 21:50:48 发布

原创最新推荐文章于 2022-09-26 21:50:48 发布 · 556 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#移动

移动端专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一段JavaScript代码，该代码实现了基于设备像素比(devicePixelRatio)的视口设置与字体大小调整，确保了网页在不同分辨率屏幕上的自适应布局效果。

js代码：

(function(){

    var num=1/window.devicePixelRatio;

    document.write('<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale='+num+', maximum-scale='+num+', minimum-scale='+num+'">');

    var fontSize=document.documentElement.clientWidth/10;

    document.querySelector('html').style.fontSize=fontSize+'px';

})();