@media 这个东西
eg：@media only screen and (max-device-width: 320px) {
div#wrapper {width: 300px;}
}
@media only screen and (min-device-width: 320px), only screen and (max-device-width: 480px) {
div#wrapper{width:400px;}
}
eg:
<link rel="stylesheet" type="text/css" media="only screen and (max-device-width: 480px)" href="small-device.css" />
...
【 在 xiatianup (xiatianup) 的大作中提到: 】
: 现在的手机浏览器好像都比较智能，放大缩小，竖屏横屏，它都会一定程度上进行自动调整。
: 如果一个页面的section比较多的话，要分两套媒体查询，甚至3套媒体查询来做的话，那效率好像有点低了。
: 再分情景来说，图片多的移动页面，多半都是100%宽，图片都是1920宽的图片，调size就可以了，好像用不着媒体查询。
: ...................
--
FROM 106.39.39.69