网页对Apple设备的响应能力

Question

APPLE设备的网页响应

我有各种网页，使用各种媒体查询进行响应，这些查询适用于各种操作系统，除了苹果设备和操作系统（ios，ipad，iphone） 现在我的页面没有响应苹果设备。我使用了 但它仍然没有用。请给我一些建议。

Answer 1

在不同平台上的响应能力实际上没有区别。它与您使用的浏览器（例如Apple设备上的Safari）有关。除非它是一个过时的Safari版本。

也许你的媒体查询编码错了？以下是一个应该如何显示的示例：

@media all and (max-width: 1200px) {
       /* your css here */
}

在此示例中，当浏览器窗口宽度小于1200px时，css将生效。

希望这对你有所帮助。