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