如果手机用的是iPhone6plus了,这么办?那这个适配要怎么改?

来源:3-3 rem页面适配实战-2网易新闻h5页面开发1

moonshine100

2018-10-19 11:35

@function px2rem($px){
  $rem : 37.5px;
  @return ($px / $rem) + rem;
}
//获取视窗宽度
let htmlWidth = document.documentElement.clientWidth || document.body.scrollWidth;
console.log(htmlWidth);

//获取视窗高度
let htmlDom = document.getElementsByTagName('html')[0];

htmlDom.style.fontSize = htmlWidth / 10 + 'px';


写回答 关注

1回答

  • 慕粉128
    2018-10-27 11:29:33
    @function px2rem($px){
      $rem : 41.4px;
      @return ($px / $rem) + rem;
    }
    //获取视窗宽度
    let htmlWidth = document.documentElement.clientWidth || document.body.scrollWidth;
    console.log(htmlWidth);
    
    //获取视窗高度
    let htmlDom = document.getElementsByTagName('html')[0];
    
    htmlDom.style.fontSize = htmlWidth / 10 + 'px';

    写页面的时候设计稿数值除以3

    但是你要是设置基准计算尺寸为124.2px时,数字直接按设计稿所标

    个人见解,也希望老师看看是否正确

移动web开发适配秘籍Rem

移动web不求人,全面掌握移动web开发rem适配方案。

37075 学习 · 88 问题

查看课程

相似问题