我现在正在做一个移动网站，并尝试使用 CSS3 媒体查询来定位不同的设备。我的部分代码如下：
@media screen and (max-width:320px) {
body {
width: 320px;
}
/* some other style */
}
正如您所看到的，我必须显式设置正文宽度，以确保它不会显示我在正常 css 中为桌面设置的宽度，即 920px。我想知道是否有任何方法可以将主体宽度自动设置为设备宽度，并且不需要每次创建新的时都手动设置@media.
顺便说一句，我还在我的内部添加了以下代码head tag:
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
您还可以使用
width: 100vw;
这会将元素设置为视口宽度的 100%。
在添加之前您可能需要检查浏览器的兼容性：http://caniuse.com/#search=vw http://caniuse.com/#search=vw
有关视口大小调整的更多信息：https://css-tricks.com/viewport-sized-typography/ https://css-tricks.com/viewport-sized-typography/
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
