CSS媒体查询，仅目标屏幕大于手机

我正在尝试做一个css媒体查询，它只会在比iphone大的屏幕上运行，而我的谷歌搜索并没有解决这个问题

因此，我希望我的媒体查询只针对平板电脑大小及以上的设备。智能手机不应该成为目标

这就是我尝试过的：

    @media only screen 
    and (min-device-width : 1136px) and (min-width:561px)

但它似乎不适用于我的iPhone5；手机仍在执行查询中的css。

尝试以下操作：

@media (min-width:641px)

---

也许这个解决方案对你有帮助。这是为iPhone4准备的

@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}

---

不幸的是，这不起作用。即使当我使用

minwidth:769px

iphone 4和5都使用cssooh时，我认为我的服务器上的varnish缓存阻止了我立即进行的更改-您的方法可能仍然有效！你记得html中的标签吗？不记得了。它会失败吗？好吧，在移动设备上，没有针对移动设备进行优化的网站在默认情况下会缩小，这样你就可以看到整个情况。所以CSS中的1px不等于屏幕宽度的1个实际像素。要解决此问题，请使用视口。比如：