首页 > 代码库 > 编辑手机页面rem的使用
编辑手机页面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的使用
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。