CSS3手机自适应及媒体查询

一、CSS手机自适应

name=“viewport”指视口（手机屏幕）。

content="width=device-width”指宽度=视口的宽。

content=“initial-scal=1.0”指网页在手机上的比列为几比几（1:1）。

content=“maximum-scale=1.0（或者minimum-scale）”指用手机打开网页后的最大（最小）比例。

user-scalable=no（0）：是（否）禁止用户缩放。

二、强制性兼容   17.05-----45.50

需要写兼容性样式。

三、CSS媒体查询

一个网站可以兼容pc端和手机端，写两套样式。

写媒体查询应注意：主样式在前，媒体查询在后。

条件的写法：大——小   或    小——大。

all指所有设备（或screen）。

max-width则从大到小写，main-width则从小到大写。