你的浏览器禁用了JavaScript, 请开启后刷新浏览器获得更好的体验!
输入关键字进行搜索
搜索:
发现
话题
帮助
· · ·
登录
注册
移动端rem是如何使用的?
移动端rem是如何使用的,具体实现方法及需要特别注意的地方?
没有找到相关结果
已邀请:
与内容相关的链接
提交
2 个回复
永恒
赞同来自:
移动端rem使用添加一下代码<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>
Dragon
赞同来自:
var deviceWidth = document.documentElement.clientWidth; if(deviceWidth > 750) deviceWidth = 750; document.documentElement.style.fontSize = deviceWidth / 7.5 + 'px';
这句话加载js里 7.5代表750的设计稿,在设计稿中如50px则 50/100(deviceWidth(750) / 7.5 )=0.5rem;
要回复问题请先
登录
或
注册
发起人
w3c
前端布道者
相关问题
主流的前端框架有哪些?移动端用什么好?
移动端元素的高度用rem设置时,怎么在jq中获取标签精确的高度?
移动端如何适配各种手机机型?
问题状态
最新活动:
2017-02-08 15:02
浏览:
1699
关注:
3
人
2 个回复
永恒
赞同来自:
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>
Dragon
赞同来自:
这句话加载js里 7.5代表750的设计稿,在设计稿中如50px则 50/100(deviceWidth(750) / 7.5 )=0.5rem;