自适应网页设计"的核心，就是CSS3引入的MediaQuery模块。
它的意思就是，自动探测屏幕宽度，然后加载相应的CSS文件。
<link rel="stylesheet" type="text/css"media="screen and (max-device-400px)"href="tinyScreen.css" />
上面的代码意思是，如果屏幕宽度小于400像素（max-device- 400px），就加载tinyScreen.css文件。
<link rel="stylesheet" type="text/css"media="screen and (min- 400px)and (max-device- 600px)"href="smallScreen.css" />
如果屏幕宽度在400像素到600像素之间，则加载smallScreen.css文件。