移动web初体验

1.可视宽度、物理宽度、虚拟宽度，通常自适应都是可视宽度满屏。即设置meta

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

　　

2.css 媒体查询分辨率 @media screen and (min-width:XXXpx)

@media screen and (min-width: 1280px) {
　　.strong {
color: red;
}
}

@media screen and (max-width:480px) {
.strong{
　　　　　color: blue;
　　}
}

3.布局用百分比

特别注意：

- a.在用百分比布局时，必须指定html,body的宽度，一般100%；

- b.纵向百分比设定height时，相对于屏幕高度；

- c.但margin,padding值纵向百分比却是相对屏幕宽度的；