我现在做一个移动网站，并试图袭击使用CSS3媒体查询不同的设备。 我的部分代码如下：
@media screen and (max-width:320px) {
body {
width: 320px;
}
/* some other style */
}
正如你所看到的，我一定要明确设置的车身宽度，以确保它不显示我在正常的CSS，这是920px桌面设置宽度。 我不知道是否有任何方式的车身宽度可以自动设置为设备宽度，我不需要每次我创建一个新的时间手动设置此@media 。
顺便说一句，我也加我里面下面的代码head标签：
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
只需使用width: auto;
之间差width: 100%; 和width: auto; 是，对于100％的外宽度为100% + padding-left + padding-right ，内100% 的外宽度width: auto是100%内宽100% - padding-left - padding-right当且仅当display是block并且没有float被设置（并没有明确的没有浮动元素是之前）。
您还可以使用
width: 100vw;
这将元素设置视口的宽度的100％。 您可能需要添加前检查您的浏览器的兼容性： http://caniuse.com/#search=vw
视口的大小更多信息： https://css-tricks.com/viewport-sized-typography/
