响应IPAD

时间:2015-03-20 10:36:27

标签: ipad responsive-design

我已将媒体查询用于以下网站的响应式css: www.landscontracting.co.uk

该网站在第3代ipad上看起来不错,但是在第1代ipad上没有全部用于肖像的响应。

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

我如何让第一代ipad用于我用于第3代ipad的css,它是@media(最大宽度:980px)和@media(最小宽度:768px)和(最大宽度:979px)

1 个答案:

答案 0 :(得分:0)

您可以尝试以下方法:

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

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

祝你好运!