手机端适配 rem布局
2017-11-30 16:25
204 查看
(function (doc, win) { var de = doc.documentElement, re = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function () {var cw = de.clientWidth; if (!cw) return; de.style.fontSize = cw>=750 ? '100px' : 100 * (cw / 750) + 'px'; };recalc(); if (!doc.addEventListener) return; win.addEventListener(re, recalc, false); doc.addEventListener('DOMContentLoaded', recalc, false); })(document, window)说明：1rem = 100px ; 将设计图上的 尺寸除以100就是css中的单位rem
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- （淘宝无限适配）手机端rem布局详解
- 手机端rem布局详解（淘宝无限适配）
- 手机端rem布局详解（淘宝无限适配）
- （淘宝无限适配）手机端rem布局详解（转载非原创）
- 手机端适配-rem布局
- （淘宝无限适配）手机端rem布局
- （淘宝无限适配）手机端rem布局详解
- （淘宝无限适配）手机端rem布局详解（转载非原创）
- 手机端布局，rem布局动态获取根字体大小
- 【web】强大的屏幕适配布局rem响应式 实现一套web代码多端自适应适配
- 手机端页面自适应解决方案—rem布局进阶版（附源码示例）
- 手机端rem如何适配_rem详解及网页自适应
- Flexible实现H5页面的rem布局适配
- 手机端页面自适应解决方案—rem布局
- 手机端页面自适应解决方案—rem布局
- 手机端页面自适应解决方案—rem布局进阶版（附源码示例）
- 手机端页面自适应解决方案—rem布局
- rem 自适应布局 bootstrap 移动端适配
- 手机端使用rem的适配
- 手机端rem布局详解