rem 单位计算javaScript
2016-04-05 15:55
106 查看
<script> (function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function () { var clientWidth = docEl.clientWidth; if (!clientWidth) return; if(clientWidth>=640){ docEl.style.fontSize = '100px'; }else{ docEl.style.fontSize = 100 * (clientWidth / 640) + 'px'; } }; if (!doc.addEventListener) return; win.addEventListener(resizeEvt, recalc, false); doc.addEventListener('DOMContentLoaded', recalc, false); })(document, window); </script>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name=viewport content="width=device-width, initial-scale=1"> <title>123</title> <style> *{margin:0; padding:0;} </style> </head> <body> <script type="text/javascript"> var oHtml = document.getElementsByTagName('html')[0]; var screenWidth = document.documentElement.offsetWidth || document.body.offsetWidth; var nowFont = (screenWidth / 640 )*625 + "%"; oHtml.style.fontSize = nowFont; </script> </body> </html>
相关文章推荐
- jsp的3个编译指令(page,include,taglib)
- NSFileHandle编写json数据格式
- 将key名不带双引号的JSON字符串转换成JSON对象的方法
- javascript异常处理机制
- js遍历jsonTree
- JavaScript的流程控制语句
- 使用JSPatch问题若干及解决方法
- 如何用 ANTLR 4 实现自己的脚本语言?
- JSON
- js获取用户的操作系统和浏览器版本的方法
- Dom Range-一个@功能的具体实现
- JavaScript中双叹号(!!)作用
- 使用json-lib包,实现xml转json时空值被转为中括号的解决办法
- javascript保存excel
- js--DOM--1.常用的节点类型
- 在编写前端网页的过程中用css和javascript的作用
- JS创建对象的几种方式
- ExtJS中xtype一览
- 常用js函数
- JavaScript的运算符