在IPAD上响应

Question

我已经对以下站点的响应css使用了媒体查询: www.landscontracting.co.uk

该网站在第三代ipad上看起来还可以，但是响应式的在第一代ipad上根本不会被引入画像。

我在index.php中有这样一行代码:如果我去掉它，那么第一代ipad看起来还不错，大概是因为它只是调整了桌面版本的缩放，然而所有其他手机和第三代ipad都不再有正确的样式。

我如何让第一代ipad调用我在第三代ipad上使用的css，它是@media (max-width: 980px)和@media (min-width: 768px)和(max-width: 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

祝好运!