                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /移动web开发适配秘籍Rem

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

@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';

moonshine100

2018-10-19

源自：移动web开发适配秘籍Rem 3-3

关注问题我要回答

1501

操作

收起

1 回答

慕粉128
2018-10-27

@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时，数字直接按设计稿所标

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