<script type="text/javascript">
(function(doc, win) {
var docEl = doc.documentElement,
isIOS = navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),
dpr = isIOS ? Math.min(win.devicePixelRatio, 3) : 1,
dpr = window.top === window.self ? dpr : 1, //被iframe引用时,禁止缩放
resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';
docEl.dataset.dpr = dpr;
var recalc = function() {
var width = docEl.clientWidth;
var designWidth=320;
if (width / dpr > designWidth) {
width = designWidth * dpr;
}
docEl.dataset.width = width
docEl.dataset.percent = 100 * (width / designWidth);
docEl.style.fontSize = 100 * (width / designWidth) + 'px';
};
recalc()
if (!doc.addEventListener) return;
win.addEventListener(resizeEvt, recalc, false);
})(document, window);
</script>

请修改设计图的宽度designWidth。这段代码的好处是根元素font-size是100 计算方便,若要给页面设置宽度 1080 = 10.8rem 640 = 6.4rem 等,字号的话直接根据设计图除以100即可

——

最新文章

  1. Newtonsoft.Json异常处理
  2. Ubuntu ssh服务安装
  3. LeakCanary 中文使用说明
  4. 21.Android之SQLite数据库学习
  5. loadrunner关联边界乱码
  6. word2010表格中的内容怎么设置行距
  7. Spring MVC数组绑定
  8. Linux--------------安装vsftpd
  9. hdu4497 正整数唯一分解定理应用
  10. 对LCS算法及其变种的初步研究
  11. VS Code 1.28版本设置中文界面的方法
  12. Java_日期时间相关类
  13. 详解Javascript中prototype属性(推荐)
  14. Linux命令之tee - 重定向输出到多个文件
  15. every day a practice —— morning(3)
  16. Codeforces Round #475 (Div. 2) C - Alternating Sum
  17. File storage location distribution in firmware using binwalk
  18. From Alpha to Gamma (II)
  19. RadioButtonFor值为false.默认选中的问题
  20. php -- 魔术方法 之 判断属性是否存在或为空:__isset()

热门文章

  1. 《与小卡特一起学Python》Code4 GUI easygui的使用
  2. SQL检查锁&amp;解锁
  3. setTimeout和setInterval的区别以及如何写出效率高的倒计时
  4. sshfs三步走----实用(mac)
  5. Loading加载小插件,用户可以选择html格式或canvas格式,自定义loading图片,canvas色彩搭配可根据个人喜好
  6. jquery写的ajax
  7. x-csrf-token
  8. [Linux] 常用Linux命令
  9. node.js + webstorm :配置开发环境
  10. Spring Bean