移动端rem布局中,当显示横屏时,解决根目录font-size切换屏幕不变情况(相较于引用rem.js方案的不足)
2016-12-07 00:00
627 查看
/* 长宽占位 rem算法, 根据root的rem来计算各元素相对rem, 默认html 320/16 = 20px */
function placeholderPic(){
var w = document.documentElement.offsetWidth ;
document.documentElement.style.fontSize= w / 16 + 'px' ;
}
placeholderPic();
window.onresize = function(){
placeholderPic();
}
function placeholderPic(){
var w = document.documentElement.offsetWidth ;
document.documentElement.style.fontSize= w / 16 + 'px' ;
}
placeholderPic();
window.onresize = function(){
placeholderPic();
}
相关文章推荐
- 解决Web移动端Fixed布局的方案(防止页面露底、overflow-scrolling、iOS下的 Fixed + Input BUG现象、isScroll.js)
- rem自适应布局-移动端自适应必备:flexible.js
- 使用了js控制根元素的font-size大小,然后进行rem换算
- js实现rem自动匹配计算font-size的示例
- Fragment屏幕切换横屏导致异常的解决方法
- 超好用的移动端布局自适应大小rem判断js文件及超过一定高度回到顶部按钮代码
- 移动端字体单位font-size选择px还是rem
- font-size设置为12px以下载谷歌浏览器上无法正常显示,如何解决?
- 解决TabLayout+viewpager 滑动切换时 布局文件不是从头显示
- 移动端布局、rem布局、手淘团队flexible.js、zoom缩放
- 自动改变html font-size,实现移动端rem适配
- 在jsp中引用js文件汉字显示为乱码解决方法
- 移动端设置html的font-size从而设置rem的大小
- IE下textarea中font-size值很大时文字不显示的解决方法
- js+rem动态计算font-size的大小,适配各种手机设备!
- CSS基础篇--从淘宝和网易的font-size思考移动端怎样使用rem?
- rem自适应布局-移动端自适应必备:flexible.js
- 【移动端】基于rem实现手机端页面自适应--动态改变dpr和font-size
- 移动端rem布局js设置
- js 百度地图第二次加载显示不全问题解决方案