我已将媒体查询用于以下网站的响应式css: www.landscontracting.co.uk
该网站在第3代ipad上看起来不错,但是在第1代ipad上没有全部用于肖像的响应。
我在index.php中有以下行: 如果我删除它然后第一代ipad看起来很好,大概是因为它只是调整网站桌面版本的缩放,但所有其他手机和第三代ipad不再具有正确的样式。
我如何让第一代ipad用于我用于第3代ipad的css,它是@media(最大宽度:980px)和@media(最小宽度:768px)和(最大宽度:979px)
答案 0 :(得分:0)
您可以尝试以下方法:
/* target iPads (portrait) */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */
}
祝你好运!