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

如果手机用的是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时，数字直接按设计稿所标

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

0 0

移动web开发适配秘籍Rem

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

37076 学习 · 88 问题

查看课程

相似问题

scss中的计算rem的基准值，37.5是只适配苹果6的尺寸吗？那其他的手机呢

回答 1

字体使用px的话如何适配