在 IPAD 上响应

Question

我已经为以下网站的响应式 CSS 使用了媒体查询： www.landscontracting.co.uk

该网站在第 3 代 ipad 上看起来不错，但在第 1 代 ipad 上完全没有为纵向引入响应。

我在 index.php 中有以下行： 如果我删除它，那么第一代 ipad 看起来不错，大概是因为它只是在网站的桌面版本上调整了缩放，但是所有其他手机和第三代 ipad 不再具有正确的样式。

如何让第一代 ipad 调用我用于第三代 ipad 的 css，它是 @media (max-width: 980px) 和 @media (min-width: 768px) 和 (最大宽度：979px)

Answer 1

您可以尝试以下方法：

/* target iPads (portrait)  */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */
}

来源：http://is.gd/FiMOPn

祝你好运！