2017-06-16 63 views
2

我有一个三星S4和S5手机。我正在尝试获取正确的媒体查询以定位两个手机。单独的媒体查询三星S4和S5

我的代码是:

/*General*/ 
.divStyle 
{ 
    height:20px; 
} 

/*Samsung S4*/ 
@media screen and (min-device-width: 320px) and (max-device-height: 640px) and (-webkit-device-pixel-ratio: 3){ 
    //example 
    color: yellow 
} 

/*Samsung S5*/ 
@media screen and (min-device-width: 360px) and (max-device-height: 640px) and (-webkit-device-pixel-ratio: 3){ 
    //example 
    color: blue 
} 

我有一个CSS通话divStyle,旨在同时针对S5和S4。但是,在S4上,对齐与S5不同。所以我试图使用媒体查询来分别定位它们。

当运行media query,既S5和S4显示为blue。但是,如果我的评论走Samsung S5 code下,S5和S4显示为yellow。我如何获得正确的媒体查询以分别注册他们每个人?

+0

如果您正试图通过其特定的屏幕尺寸到目标设备,那么你为什么要使用的最小和最大的版本? – CBroe

+0

'min-device- *'已被弃用。 – LGSon

+0

的可能的复制[媒体查询为三星galaxy S3和S4](https://stackoverflow.com/questions/30382605/media-query-for-samsung-galaxy-s3-and-s4) – LGSon

回答

0

我已经发现,它不因font size(设置>显示>字体大小)的两个电话上出现相同的。 S4的字体尺寸较大,使对齐不同。