媒体查询如何将横向视图仅应用于平板电脑而非手机?

时间:2014-11-07 19:56:59

标签: css css3 mobile media-queries

当电话旋转到风景时,我不希望显示横向视图,只有平板电脑尺寸的设备。我使用em进行测量,但很难选择一个好的截止点。 Nexus 4(例如)横向61.5em宽(iPad为102464 em),非常宽,但手机上的横向视图效果不佳。有一个很好的解决方案吗?

1 个答案:

答案 0 :(得分:0)

您可能需要为每个设备分辨率设置设备细节。我不知道任何确定您是否正在查看某个特定设备的细节。有些手机更易于检测(如iPhone 6+),因为它们具有特定的异常分辨率。我知道在许多设备上都忽略了@media掌上电脑,所以这并没有多大帮助,但却给了它一个机会。

http://css-tricks.com/snippets/css/media-queries-for-standard-devices/

您也可以为更深层次的测试添加方向。像

这样的东西
@media (min-width: 1024px) and (orientation: landscape)

https://developer.mozilla.org/en-US/docs/Web/CSS/@media