关于适配问题

来源:9-5 带排行的song-list组件扩展和应用

慕粉1470148936

2017-06-10

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

写回答

1回答

ustbhuangyi

2017-06-11

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

4
2
ustbhuangyi
回复
逆流星宇
如果 iphone4 和 iphone6 看到的内容都是一样多的,那该多丑啊
2017-09-07
共2条回复

Vue2.0高级应用教学实战,开发企业级移动端音乐Web App

Vue.js高级知识应用大集合,实战企业级APP,教你搞定组件化开发。

5432 学习 · 3804 问题

查看课程