mobile-safari忽略媒体查询

Question

Here's我即将完成的网站。

我的iPad迷你浏览器忽略了以下媒体查询。为什么？

@media all and (max-width:800px){
#trigger {display:none;}
#telephone_leaf {display:none;}
#number_leaf {opacity:1;}
}

(style.css，第974行)

当调整桌面浏览器的大小时，它可以工作！

实际上，这是另一个问题的一部分。我似乎不能让电话悬停/点击叶子的图像在我的iPad上工作。出于这个原因，我试图降级到从一开始就在特定的浏览器宽度上显示该死的电话号码。但即使是“m”也不行！快要疯了。

Answer 1

我刚刚找到了答案！移动设备不支持最大宽度。您必须将其设置为max-device-width！:)