js改变html font-size 大小
2017-10-16 10:18
375 查看
var App = function () { /* *根据屏幕大小 改变字体大小 */ var fontSizerecalc = function () { var docEl = document.documentElement, // 手机旋转事件,大部分手机浏览器都支持 onorientationchange 如果不支持,可以使用原始的 resize resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function () { //clientWidth: 获取对象可见内容的宽度,不包括滚动条,不包括边框 var clientWidth = docEl.clientWidth; if (!clientWidth) return; docEl.style.fontSize = 12 * (clientWidth / 320) + 'px'; }; recalc(); //判断是否支持监听事件 ,不支持则停止 if (!document.addEventListener) return; //注册翻转事件 window.addEventListener(resizeEvt, recalc, false); }; return { init: function (options) { fontSizerecalc(); } } }(); Zepto(function ($) { App.init(); });
相关文章推荐
- JS根据设备宽度设置根节点(html)font-size字体大小
- 移动端设置html的font-size从而设置rem的大小
- js控制根元素的font-size大小
- H5页面字体大小使用rem (重置字体大小)setFontSize.js
- 第148天:js+rem动态计算font-size的大小,适配各种手机设备
- js+rem动态计算font-size的大小,适配各种手机设备
- js+rem动态计算font-size的大小,适配各种手机设备!
- 自动改变html font-size,实现移动端rem适配
- JS 自动计算HTML的font-size
- js更改本地html字体大小页面位置不发生改变
- 网易webapp 通过js计算html的font-size
- 不要通过html中font标签的size属性来更改文字的精确大小
- 使用了js控制根元素的font-size大小,然后进行rem换算
- js通过八个点 拖动改变div大小的实现方法
- css:html-font-size
- html页面控制字体大小的js代码
- js基础第8课 4000 :改变 HTML 样式
- CSS+HTML实例集合一,改变字体(样式,大小),overflow布局属性(如显示隐藏文字等),列表的展开闭合
- Skype—set font size —in CentOS/Fedora/RHEL—修改Skype字体大小
- (5)关于Flume内存溢出的问题,此时会报各种莫名奇妙的异常,异常如下 [html] view plain copy print? <span style="font-size:18px;">org