移动端rem布局中,当显示横屏时,解决根目录font-size切换屏幕不变情况(相较于引用rem.js方案的不足)
博客专区 > PorcoMar 的博客 > 博客详情
移动端rem布局中,当显示横屏时,解决根目录font-size切换屏幕不变情况(相较于引用rem.js方案的不足)
PorcoMar 发表于11个月前
移动端rem布局中,当显示横屏时,解决根目录font-size切换屏幕不变情况(相较于引用rem.js方案的不足)
  • 发表于 11个月前
  • 阅读 8
  • 收藏 0
  • 点赞 0
  • 评论 0

/* 长宽占位 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();
             }    

共有 人打赏支持
粉丝 0
博文 7
码字总数 934
×
PorcoMar
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: