Css web分辨率识别错误

Css web分辨率识别错误,css,samsung-mobile,Css,Samsung Mobile,我的三星S4 mini有点问题。为什么我要访问这个页面 当在三星网站上S4 mini的分辨率为540X960时,我检索到宽度为360px,高度为567px 因此,使用css检索分辨率我检索错误的分辨率,我使用以下代码来调整网页元素: ... @media screen and (min-width:151px) and (max-width:300px)... @media screen and (min-width:301px) and (max-width:600px)... ... 如

我的三星S4 mini有点问题。为什么我要访问这个页面

当在三星网站上S4 mini的分辨率为540X960时,我检索到宽度为360px,高度为567px

因此,使用css检索分辨率我检索错误的分辨率,我使用以下代码来调整网页元素:

...
@media screen and (min-width:151px) and (max-width:300px)...
@media screen and (min-width:301px) and (max-width:600px)...
...
如何检索正确的分辨率


非常感谢

该设备的像素比为1.5,因为它是一个高分辨率屏幕(有些设备如iPhone的像素比为2.0,这意味着CSS中的每个像素实际上是屏幕上的一个2x2区域)。因此,屏幕上的像素与web浏览器中的像素不同(或者网站看起来都比屏幕上的像素小三分之一左右)。

360px和567px是浏览器的正确高度/宽度。屏幕的基本高分辨率不用于媒体查询。不过,您可以使用媒体查询专门针对更高分辨率的设备。