网站对IPAD没有响应，媒体查询无效

Question

我有一个问题，我建立的网站在手机上有响应但不在IPAD上

这是我正在使用的媒体查询：

@media screen and (max-device-width: 768px) {
..
}

在doctype声明后我的模板顶部有：

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

有人可以帮帮我吗？

谢谢！

Answer 1

尝试这样的事情：

@media only screen and (min-device-width : 768px) and (max-device-width : 1200px)  
{
    // Your code here
}

Answer 2

我认为你需要改变这个：

@media screen and (max-device-width: 767px)

到此：

@media screen and (max-device-width: 768px)

由于iPad屏幕宽768像素。