1
botao1 2015-08-14 13:35:59 +08:00
用了media query,就要配合弹性布局啊~
|
2
learnshare 2015-08-14 13:42:25 +08:00 1
http://www.google.com/design/spec/layout/adaptive-ui.html#adaptive-ui-breakpoints
Google Design 给出的宽度分界线 |
4
ariesjia 2015-08-14 16:30:57 +08:00
用 rem + 动态 Viewport 完美解决这个问题
|
5
ariesjia 2015-08-14 16:35:26 +08:00 1
|
7
learnshare 2015-08-14 17:26:06 +08:00
@wingyiu em/rem 只适用于文字相关的属性
|
8
banri 2015-08-14 17:40:33 +08:00
|
9
banri 2015-08-14 17:40:47 +08:00
可以使用
|
10
banri 2015-08-14 17:43:35 +08:00
补充个。。。建议不要使用html{font-size:100%} 这样定义
浏览器的默认font-size还是有差异的,大多数浏览器都是16px,但是Firefox是15px 所以不用百分比,直接用像素会好一些 |
11
learnshare 2015-08-14 18:40:45 +08:00
@banri 我说的是适用于文字,不是说绝对不可以用在其他地方 :)
|
12
q84629462 2015-08-14 19:15:58 +08:00
我有两个疑问:
1、手机横屏后,宽还需要设为360px吗? 2、平板类(ipad mini,nexus 7)也需要设为360px宽吗? |
13
TiramisuDoo 2015-08-15 09:48:00 +08:00
@ariesjia 同用
|