关于适配问题

Question

不同的手机浏览器有不同的固定导航栏，和下方固定的选择功能栏，这样的话，我们在代码中写的固定宽、高都是用的都是px，在不同的浏览器下页面显示与设计稿不符，有些元素就挤在一起了，为啥不用rem适配呢？

Answer 1

ustbhuangyi 2017-06-11 00:11:40

首先，并不要求所有浏览器都长的一样，试想一下，如果 iphone4 的手机和 iphone6p 的手机显示的内容是一样，那么 iphone6p 显示的图标和文字会有多大，肯定有老年机的即视感。所以，大屏幕看的内容多一些，本身就是一种很符合预期的行为。大部分自适应的布局都可以通过 flex 实现，极端情况写 media query 也可以解决。所以，我的结论是并不需要 rem，可以看看音乐 app 和饿了么 app 在各个手机机型下的表现，都没有什么问题，并且滴滴的 webapp 也是 px+flex 的布局。

• 逆流星宇 #1

  老师，那这样的话iPhone4和iPhone6显示的样式不就跟设计稿有出入了吗？我们ui就拿这件事情找我说事....

• ustbhuangyi 回复 逆流星宇 #2

  如果 iphone4 和 iphone6 看到的内容都是一样多的，那该多丑啊