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

Question

我正在尝试制作一个css媒体查询，这个查询只会触及大于iphone的屏幕而且我的Google搜索还没有解决它。

所以我希望我的媒体查询只定位设备平板电脑尺寸及以上。智能手机不应成为目标。

这是我尝试过的：

    @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 */
}