css样式的单位问题

来源:

暗笛扉声

2016-11-21

老师:为什么移动端的布局样式不用rem,em单位,而是用了px

写回答

5回答

ustbhuangyi

2016-11-21

一般来说,一个项目即兼容 PC 端又兼容移动端基本算是伪需求~首先,从设计角度来看,移动端和 PC 端设计和交互差别都很大;其次如果想要 2 个端都看得过的去的话,得大量写 media query,代码很难维护;最后从功能角度,PC 浏览器,特别一些低版本 IE,很多功能没法在 2 端同时应用。所以,我们先忽略掉 2 端同时兼容的问题。

移动端也是可以用 rem 的,虽然我不喜欢用,基本 px 可以解决问题。具体 rem 的使用方式,可以网上搜索更详细的资料喔。推荐一篇 rem 的文章(http://isux.tencent.com/web-app-rem.html),虽然这里面的一些观点我不认同~

3
0

ustbhuangyi

2016-11-21

移动端 rem 在大屏手机有老年机的即视感,我不太喜欢,em 一般也需要计算,不够直观。 现在一般移动端的设计稿都是基于 iphone6 设计的,一般我们的尺寸 = 设计稿标注/2,所以用 px。 需要自适应的地方一般都可以通过 flex 布局解决~ 

1
3
tangjkd
回复
ww2013宁
斯国一,懂了,谢谢
2017-01-08
共3条回复

暗笛扉声

提问者

2016-11-21

那是不是可以这里理解:如果是纯手机端的应用,用px基本就可以解决问题。如果是需要在pc端和移动端都能展示良好的话,这时候需要rem和em了。


我如上理解是否合理?

那么什么场景应用rem比较合适?

在使用rem的场景中,怎么设置html根节点的字体大小?

期盼回复,感恩老师


2
4
醉小凤
移动端可以结合淘宝插件flexible.js做相应解决,相关文章网址http://www.w3cplus.com/mobile/lib-flexible-for-html5-layout.html
2016-12-25
共4条回复

27网络

2017-05-04

看来很多人想问这个问题

0
0

野蛮生长的草

2017-03-03

开始我也一直在想这个问题,以为rem布局放在最后面讲,看了同学么的提问才知道  原来如此精彩

以前我有个设计稿是ip6的标准  但是需要兼容ip4  如按px做有出入  后面换成rem才解决

0
0

Vue.js2.5+cube-ui重构饿了么App(经典再升级)

掌握Vue1.0到2.0再到2.5最全版本应用与迭代,打造极致流畅的WebApp

9868 学习 · 4162 问题

查看课程