响应大小 767px-768px 未在 ipad 上显示

Question

我遇到了 responsive.css/template.css 的问题。我正在为一个网站做响应，除了 iPad 的 767px-768px 之外，所有尺寸似乎都工作正常。我进行了多项更改，例如更改宽度等……但没有任何反应。我尝试了一些极端的东西，比如背景粉红色，但什么也没发生。

iPad 似乎看不到 768px-767px 的尺寸。

我的 iPad 和 Google Chrome 的 Re-sizer 尺寸相同，但略有不同。

有什么建议吗？

Answer 1

首先尝试调整浏览器窗口的大小，看看是 ipad 问题还是与您的媒体查询有关。除此之外，您还可以检查两个元标记：

1 - 将调整视口以在小屏幕上显示您的内容（而不是基于像素，因为 ipad 有很多像素）：

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

2 - 将声明您的 css 表单将用于所有类型的媒体：

<link rel="stylesheet" href="style.css" media="all"> 

如果这根本不起作用，请再次检查您是如何处理媒体查询的，以及布局是否因较小的尺寸而分开，例如浮动和显示被搞砸了。除此之外，您可能需要特定的标签用于 ipad 显示内容（我现在不记得了，但您可能很容易找到）。

希望这有助于解决基础问题。