博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
编辑手机页面rem的使用
阅读量:5348 次
发布时间:2019-06-15

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

手机rem的使用只需加入如下代码:

针对最大宽度为480px使用如下代码
<script >
var html = document.getElementsByTagName("html")[0];
var rootResize = function() {
    var winClient = document.documentElement.clientWidth;
    var fontSize = winClient < 480 ? winClient / 16 : 30;
    if (fontSize < 20) {
        fontSize = 20;
    }
    html.style.fontSize = fontSize + "px";
}
rootResize();
window.onresize = function() {
    rootResize();
</script>
针对最大宽度为640px使用如下代码
        <script>
var html = document.getElementsByTagName("html")[0];
var rootResize = function() {
var winClient = document.documentElement.clientWidth;
var fontSize = winClient < 640 ? winClient / 16 : 40;
if (fontSize < 20) {
fontSize = 20;
}
html.style.fontSize = fontSize + "px";
}
rootResize();
window.onresize = function() {
rootResize();
}
</script>

转载于:https://www.cnblogs.com/bkysgj/p/6240999.html

你可能感兴趣的文章
docker应用-3(搭建hadoop以及hbase集群)
查看>>
Java学习:标准类
查看>>
Python:pip 和pip3的区别
查看>>
ACCESS+ASP数据库乱码的解决
查看>>
关于PHP时间的
查看>>
java TCP/IP socket
查看>>
day05接口
查看>>
JVM调优之经验
查看>>
机器学习算法
查看>>
python系列十七:Python3 标准库概览
查看>>
leetcode 解题 String to Integer (atoi)(C&python)
查看>>
梦幻西游网页版无法在虚拟机上运行【游戏】【页游】【虚拟机】
查看>>
浅谈Go中的time.After
查看>>
[转载] 在java中为什么变量1000 = 1000 返回false,但是100=100返回true?
查看>>
js计算textarea输入文字的长度
查看>>
vue中使用 vue-i18n 实现国际化 $t
查看>>
3.复杂查询
查看>>
Object的成员方法以及作用
查看>>
chameleon 周报 [ 7.15 - 7.19 ]
查看>>
js变量及类型
查看>>