我的目标是各种Android平板电脑设备的应用程序。主要是10英寸和7英寸三星和Nexus。
目标三星Galaxy Tab 7英寸使用以下媒体查询,1024x600像素。它在7英寸的Galaxy tab 2,3中工作正常。但不适用于Galaxy Tab 4 7英寸。
@media only screen and (max-width: 1024px) and (orientation : landscape)
{ }
三星Galaxy Tab 4.0 7英寸使用以下屏幕规格。这与三星Galaxy 4.0 10.1英寸型号相同 - SM-T530NYKAXAR。因此,在我的7inch Galaxy Tab 4上,它使用Samsung Galaxy tab 4.0 10inch的媒体查询并加载奇怪的HTML页面。
如何通过媒体查询定位三星Galaxy Tab 4.0 7inch。
屏幕规格:
物理尺寸:7英寸
分辨率:1280x800(风景)
像素密度:216 ppi
感谢。
答案 0 :(得分:4)
我已经创建了这个并在设备上对其进行了测试,它似乎具有很强的针对性和效果。
@media only screen
and (min-device-width: 800px)
and (max-device-height: 1280px)
and (min-resolution: 192dpi)
and (-webkit-device-pixel-ratio:2)
and (orientation : portrait)
{
.galaxy {background-color:red;}
.onlygalaxyportrait {display:block !important; background-color:green;}
}
@media only screen
and (min-device-width: 1280px)
and (max-device-height: 800px)
and (min-resolution: 192dpi)
and (-webkit-device-pixel-ratio:2)
and (orientation : landscape)
{
.galaxy {background-color:yellow;}
.onlygalaxyland {display:block !important; background-color:orange;}
}