编辑手机页面rem的使用
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了编辑手机页面rem的使用相关的知识，希望对你有一定的参考价值。
手机rem的使用只需加入如下代码：
针对最大宽度为480px使用如下代码
针对最大宽度为640px使用如下代码
<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>
<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>
以上是关于编辑手机页面rem的使用的主要内容，如果未能解决你的问题，请参考以下文章