Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 媒体查询不适用于三星Galaxy Note 8.0_Css_Media Queries - Fatal编程技术网

Css 媒体查询不适用于三星Galaxy Note 8.0

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

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


有人知道为什么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) {}

尝试过,但不幸的是,所有这些方法都不起作用。