根据设备设置fontsize的值
2016-03-25 16:48
417 查看
<script> (function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function () { var clientWidth = docEl.clientWidth; if (!clientWidth) return; docEl.style.fontSize = 20 * (clientWidth / 320) + 'px'; }; if (!doc.addEventListener) return; win.addEventListener(resizeEvt, recalc, false); doc.addEventListener('DOMContentLoaded', recalc, false); })(document, window); </script>
10px = 1rem 在根元素(font-size = 10px的时候);
20px = 1rem 在根元素(font-size = 20px的时候);
40px = 1rem 在根元素(font-size = 40px的时候);
相关文章推荐
- iPhone 和 iPad 屏幕分辨率和像素点
- Redis数据结构详解之Zset(五)
- leetcode-20 Valid Parentheses
- Linux vi/vim 多行注释
- leetcode-19 Remove Nth Node From End of List
- HTTP in iOS你看我就够
- JAVA多线程面试50题 -- 内容由浅及深,全会的是神
- 从零开始_学_数据结构(四)——查找算法、索引、二叉排序树
- jQuery基础-选择图片并赋值
- Sql Server中的表访问方式Table Scan, Index Scan, Index Seek
- SQL Server执行计划教会我如何创建索引?
- mysql的引擎的区别
- WaitForSingleObject函数
- 15电气刘慧岩作业
- redis数据结构详解之Hash(四)
- leetcode-18 4Sum
- 内核中断,异常,抢占总结
- Qt 半自动内存管理引发的内存泄漏和崩溃
- Window下解决端口占用情况
- vmware 虚拟机网络配置