Media Query无法用于Samsung Galaxy Note 8.0

时间:2014-01-02 07:32:48

标签: css media-queries

我正在尝试为我的三星Galaxy note 8.实现媒体查询。不知怎的,我设法为我的S4实现,如下所示。

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

这是因为S4的ppi是441px。至于注释8,它的ppi是189.因此我使用了这个媒体查询

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

因为note8的ppi是189.但是,我在189px内插入的CSS不适用于我的注释8.

有没有人知道为什么音符8没有检测到这个ppi?

2 个答案:

答案 0 :(得分:0)

尝试使用设备像素比率:2,屏幕分辨率的coz样式不会反映..

  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) {}

答案 1 :(得分:-1)

您必须在px中获取设备的宽度,因为您的媒体查询位于px

更改

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

@media ( min-width :481px) and ( max-width :767px)

还尝试降低 min-width&同时增加 max-width以查看您设备的位置。

从您的设备访问这些网站中的任何一个并获取所有相关信息,然后找出问题所在。

http://www.quirksmode.org/css/mediaqueries/devicewidth.html

http://ryanve.com/lab/dimensions/

http://www.whatismyscreenresolution.com/