博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
关于移动端rem适配
阅读量:5098 次
发布时间:2019-06-13

本文共 939 字,大约阅读时间需要 3 分钟。

var num = 1 / window.devicePixelRatio;var fontSize = document.documentElement.clientWidth / 10;document.getElementsByTagName('html')[0].style.fontSize = fontSize + 'px';

适配移动端rem单位,实际使用的时候用量取到的像素值/75即为计算后的rem值,标准为iPhone6的750的尺寸。750px的设计稿的标准宽度为10rem;

补充另一种,本质不变

!function (a, d) {    function c() {        var t = document.documentElement.clientWidth,            i = document.documentElement.clientHeight;        d.documentElement.style.fontSize = ((t / i) >= 0.75) ? t * 0.1 + "px" : t / 750 * 75 + "px"    };    var b = null;    a.addEventListener("onorientationchange" in a ? "orientationchange" : "resize", function () {        clearTimeout(b);        b = setTimeout(c, 300)    }, !1);    a.addEventListener("pageshow", function (a) {        a.persisted && (clearTimeout(b), b = setTimeout(c, 300))    }, !1);    d.addEventListener("DOMContentLoaded", c, false)}(window, document);

 

转载于:https://www.cnblogs.com/DreamerLeaf/p/9667589.html

你可能感兴趣的文章
第一篇随笔, 正在做 ESP32 , STM32 , 树莓派 RaspberryPi 的创客工具
查看>>
电商路演
查看>>
Code Review 转自伯乐在线
查看>>
Pandas plot出图
查看>>
T-SQL 随机返回特定行数据和分页查询
查看>>
SpringBoot2.0之整合Kafka
查看>>
使用 Override 和 New 关键字进行版本控制
查看>>
安装Ubuntu的那些事儿
查看>>
Safari导入书签
查看>>
wordpress如何去掉generator
查看>>
UVA 167 The Sultan's Successors
查看>>
HTMLayout嵌入原则
查看>>
如何设计一个Java Web MVC框架
查看>>
UVA11456--dp,LIS
查看>>
Android studio安装与配置
查看>>
关于String类的一道面试题
查看>>
php博文目录
查看>>
AcmeAir
查看>>
js xml 读取 方法
查看>>
admob 广告增加
查看>>