Css 媒体查询不适用于三星Galaxy Note 8.0
我正在尝试为我的三星galaxy note 8实现媒体查询。不知何故,我设法实现了我的S4,如下所示Css 媒体查询不适用于三星Galaxy Note 8.0,css,media-queries,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) 如注8所示,ppi为189。但是,我在189px中插入的css不适用于我的note 8 有人知道为什么not
@media only screen and (max-device-width: 440px)
这是因为S4的ppi为441px。至于注8,ppi为189。因此我使用了这个媒体查询
@media only screen and (max-device-width : 189px)
如注8所示,ppi为189。但是,我在189px中插入的css不适用于我的note 8
有人知道为什么note 8没有检测到此ppi吗?您必须在
px
中获取设备的宽度,因为您的媒体查询在px
中
改变
@仅媒体屏幕和(最大设备宽度:440px)
至
@介质(最小宽度:481px)和(最大宽度:767px)
同时尝试减小最小宽度
&同时增大最大宽度
,查看设备的位置
从您的设备访问这些站点中的任何一个,获取所有相关信息,然后找出问题所在
尝试使用设备像素比:2,因为这些样式不会反映屏幕分辨率
@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) {}
尝试过,但不幸的是,所有这些方法都不起作用。