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

Css 媒体查询如何使横向视图仅应用于平板电脑而非手机?,css,mobile,media-queries,Css,Mobile,Media Queries,我不希望手机旋转到横向时出现横向视图,而只希望看到平板电脑大小的设备。我用em来测量,但很难选择一个好的截止点。例如,Nexus4的横向宽度为61.5em,iPad的横向宽度为1024或64 em,非常宽,但在这款手机上横向视图看起来很差。有好的解决方案吗?您可能需要为每个设备分辨率设置设备规格。我不知道是否有任何细节可以确定您是否正在查看某个特定设备。有些手机像iphone6+一样更容易检测,因为它们有特定的异常分辨率。我知道@media掌上电脑在很多设备上都被忽略了,所以这并没有多大帮助,只

我不希望手机旋转到横向时出现横向视图,而只希望看到平板电脑大小的设备。我用em来测量,但很难选择一个好的截止点。例如,Nexus4的横向宽度为61.5em,iPad的横向宽度为1024或64 em,非常宽,但在这款手机上横向视图看起来很差。有好的解决方案吗?

您可能需要为每个设备分辨率设置设备规格。我不知道是否有任何细节可以确定您是否正在查看某个特定设备。有些手机像iphone6+一样更容易检测,因为它们有特定的异常分辨率。我知道@media掌上电脑在很多设备上都被忽略了,所以这并没有多大帮助,只是给了它一个机会

您还可以为更深入的测试添加方向。差不多

@media (min-width: 1024px) and (orientation: landscape)

这与设备的屏幕大小有关,而不是Android或iOS标签。