问答详情
源自：3-3 rem页面适配实战-2网易新闻h5页面开发1

如果手机用的是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 11:35

个回答

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

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

    0