我正在尝试为我的三星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?
答案 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