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. 安卓 webkit 浏览器；

结果如下：

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

我想知道 chrome 是否指定移动最大设备宽度和指定的最大设备宽度的标准。

Answer 1

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

“各种设备的尺寸”

其他趋势请看这里

是的，请记得包括

<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 ）。设备的实际宽度，由于不建议使用，因此将其视为宽度（视口宽度），而不是设备的实际宽度。

Answer 3

Firefox 提供您可以使用的

max-width: -moz-available;