如何针对三星标签8.4英寸的媒体查询

Question

如何针对三星标签8.4英寸的媒体查询。 我的代码是

    @media (device-width: 800px) and (device-height: 1280px)

第一次出现媒体查询受到影响。一旦将方向从纵向更改为横向并再次返回到肖像，样式不会受到影响。

设备规格：     http://www.gsmarena.com/samsung_galaxy_tab_s_8_4-6439.php

提前致谢

Answer 1

我无法在物理设备上测试我的解决方案，但您可以使用方向进行游戏：

横向模式

@media only screen and (max-device-width : 1280px) and (orientation : landscape) {
/* Styles for landscape*/
}

肖像模式

@media only screen and (max-device-width : 800x) and (orientation : portrait) {
/* Styles for portrait*/
}

请注意，不同的浏览器（chrome，android native browser，firefox等）以不同的方式处理媒体查询。例如，如果您使用：

@media only screen and (max-width : 480px) 

它适用于桌面Chrome浏览器和Android智能手机浏览器，但不适用于iPhone上的Safari。要使它在Safari上运行，您必须使用：

@media only screen and (max-device-width : 480px)

结论是您需要在物理设备上测试您的媒体查询:) 有关详细信息，请查看此页面：http://www.w3.org/TR/css3-mediaqueries/