Css浏览器窗口宽度判断

Css浏览器窗口宽度判断

@media screen and (min-device-width: 400px) { .home_bg { width:640px; margin:0 auto; }} 宽度大于400PX;

@media screen and (max-device-width: 400px) { .home_bg { width:640px; margin:0 auto; }} 宽度小于400PX;

@media screen and (max-device-width: 400px) { .home_bg { width:640px; margin:0 auto; }} 宽度小于400PX;

Css浏览器窗口宽度调取外部样式文件

屏幕宽度小于400像素（max-device-width: 400px），就加载tinyScreen.css文件

如果屏幕宽度在400像素到600像素之间，则加载abc.css文件。除了用html 标签加载CSS文件，还可以在现有CSS文件中加载。

@import url("tinyScreen.css") screen and (max-device-width: 400px);