css - CSS 媒体查询，只针对比手机大的屏幕

Question

我正在尝试进行一个 css 媒体查询，该查询仅适用于比 iPhone 更大的屏幕，而我的谷歌搜索并没有解决它。

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

这是我尝试过的：

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

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

Answer 1

试试这个：

@media (min-width:641px)

Answer 2

也许这个解决方案可以帮助你。这是针对 iPhone 4 的。

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