CSS Media查询适用于桌面，而不适用于iPhone

Question

我已经研究过这个问题并试图自己解决几个小时，但无济于事。希望你们中的一个可以提供帮助。我在桌面浏览器上使用此媒体查询以获得我想要的样式：

@media all and (min-width: 320px) {}

我正在使用此媒体查询获取我想要的移动浏览器样式：

@media screen and (max-width: 320px) and (min-width: 0px) {}

当我将桌面浏览器拖动到小于320px时，样式会相应更改。但是当我在移动浏览器上显示网站时，它会显示桌面样式。我做错了什么？

Answer 1

您需要包含此元标记：

<meta name="viewport" content="width=device-width, initial-scale=1">

希望它有所帮助！

Answer 2

我希望这个链接可以帮到你。 http://stephen.io/mediaqueries/