1.字体也不能使用绝对大小（px），而只能使用相对大小（em）。

body {　　　　font: normal 100% Helvetica, Arial, sans-serif;　　}

上面的代码指定，字体大小是页面默认大小的100%，即16像素。

h1 {　　　　font-size: 1.5em; 　　}

然后，h1的大小是默认大小的1.5倍，即24像素（24/16=1.5）。

2.选择加载CSS

自适应网页设计"的核心，就是CSS3引入的模块。

它的意思就是，自动探测屏幕宽度，然后加载相应的CSS文件

上面的代码意思是，如果屏幕宽度小于400像素（max-device-width: 400px），就加载tinyScreen.css文件。

如果屏幕宽度在400像素到600像素之间，则加载smallScreen.css文件。

3、CSS的@media规则

同一个CSS文件中，也可以根据不同的屏幕分辨率，选择应用不同的CSS规则。

@media screen and (max-device-width: 400px) {　　　　.column {　　　　　　float: none;　　　　　　width:auto;　　　　}　　　　#sidebar {　　　　　　display:none;　　　　}　　}