js根据手机屏幕宽度自动设置字体大小
2017-07-18 16:03
369 查看
(function(doc,win){ var docEl = doc.documentElement, //文档根标签 resizeEvent = 'orientationchange' in window ? 'orientationchang' :'resize'; //viewport变化事件源 var rescale = function(){ //重置方法 win.clientWidth = docEl.clientWidth; if (!win.clientWidth) return; // 改变DOM根节点fontSize大小的值; // (屏幕宽度/设计图宽度) = 缩放或扩大的比例值; docEl.style.fontSize = 40 * (win.clientWidth / 750) + 'px'; } if (!doc.addEventListener) return; win.addEventListener(resizeEvent, rescale, false); doc.addEventListener('DOMContentLoaded', rescale, false); })(document, window);
相关文章推荐
- 移动端根据屏幕大小自动设置body字体大小
- 根据屏幕宽度自动适配字体大小,一次使用终身难忘!
- JS根据设备宽度设置根节点(html)font-size字体大小
- Android 根据屏幕大小设置字体
- Android 根据屏幕大小设置字体
- Android 根据屏幕大小设置字体
- Android 根据屏幕大小设置字体
- paint.setTextSize()根据不同手机分辨率设置字体大小
- js获取input长度并根据页面宽度设置其大小及居中对齐
- Android 根据屏幕大小设置字体
- Android 根据屏幕大小设置字体
- Android 根据屏幕大小设置字体
- 需求:UIView 设置背景图,并根据屏幕大小自动铺满缩放
- 根据屏幕大小设置字体
- Android 根据屏幕的宽度来设置图片的大小,
- 根据手机屏幕,设置视频区域大小,达到16:9的显示效果
- 根据手机屏幕分辨率设置组件或控件的大小,利用像素更好的适配不同尺寸的机型的动态布局
- Android 根据屏幕分辨率自动调整字体大小
- 网页怎么根据用户屏幕大小自动调整网页宽度?
- 淘宝手机屏幕尺寸判断改变字体大小的js: