rem : web app适配的秘密武器
2017-03-13 10:28
381 查看
css
html { font-size: calc(100vw / 3.75) }
js
document.documentElement.style.fontSize = $(document.documentElement).width()/3.75 + 'px';
$(window).on('resize', function() {
document.documentElement.style.fontSize = $(document.documentElement).width()/3.75 + 'px';
})
注:3.75可更改为屏幕尺寸6.4或其他
此处1rem相当于100px;
html { font-size: calc(100vw / 3.75) }
js
document.documentElement.style.fontSize = $(document.documentElement).width()/3.75 + 'px';
$(window).on('resize', function() {
document.documentElement.style.fontSize = $(document.documentElement).width()/3.75 + 'px';
})
注:3.75可更改为屏幕尺寸6.4或其他
此处1rem相当于100px;
相关文章推荐
- web app变革之rem(手机屏幕实现全适配)
- 隐藏在Windows XP中的28个秘密武器(黑客防线)
- 隐藏在XP中的28个秘密武器(转)
- 超越竞争对手的秘密武器-技术重用
- 隐藏在Windows XP中的二十八个秘密武器
- 移动web开发适配秘籍之rem
- 移动适配请使用比rem等更好的布局方案
- 隐藏在XP中的一个秘密武器,完全清除垃圾文件
- rem与media标签实现移动端屏幕适配
- vue使用rem实现 移动端屏幕适配
- web app 自适应方案总结 关键字 弹性布局之rem
- 了解真实的『REM』手机屏幕适配
- 移动端REM适配
- Marvell秘密武器,可把传统硬盘与SSD并用的SATA控制器
- 谈谈我的开发秘密武器
- (淘宝无限适配)手机端rem布局详解
- 前端页面适配的rem换算
- web app iphone4 iphone5 iphone6 响应式布局 适配代码
- 详解vue2.0 不同屏幕适配及px与rem转换问题