Chrome，Firefox等是否将max-device-width指定为移动设备？

Question

我将媒体查询添加到我的html文件

<link type="text/css" rel="stylesheet" href="xxx-mobile.css" media="screen and (max-device-width:360px)">

然后我调整宽度以找到css将起作用的点。

我在手机中测试的浏览器是：

1. 铬;
2. 火狐;
3. 歌剧;
4. android webkit browser;

结果如下：

1. chrome，firefox和opera更改样式在max-device-width：360px;
2. android webkit浏览器更改样式max-device-width：1080px（我的屏幕分辨率为1080 * 1920）;

我想知道chrome是否指定mobile max-device-width和指定的max-device-width的标准。

Answer 1

为了更好地查看端口大小，它们的标准和用途请看下面的链接

"sizes for various devices"

其他趋势look here

并且确实要记得包含

<meta name="viewport" content="width=device-width, initial-scale=1">

Answer 2

我认为chrome或android webkit浏览器出错了，但现在我觉得它们都是对的。它们都表现良好，它们之间的差异是因为不推荐使用设备宽度（https://developer.mozilla.org/en-US/docs/Web/CSS/@media/device-width）。因此设备宽度是设备的实际宽度，因为它已被弃用，它将被视为宽度（视口宽度）这不是实际的设备宽度。