Android Chrome、Firefox等是否指定移动设备的最大设备宽度？

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

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

然后我调整宽度以找到css将产生效果的点

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

铬

火狐

歌剧

安卓网络工具包浏览器 结果如下：

chrome、firefox和opera在最大设备宽度点更改样式：360px

android webkit浏览器在最大设备宽度点更改样式：1080px（我的屏幕分辨率为1080*1920）

---

我想知道chrome是否指定了移动设备的最大宽度，并分别指定了最大设备宽度的标准。

要更好地查看端口大小，请查看下面的链接

其他趋势

是的，记得要包括

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

我原以为chrome或android webkit浏览器会出错，但现在我认为他们都是对的。它们都做得很好，它们所呈现的差异是因为设备宽度不推荐（）。因此设备宽度是设备的实际宽度，并且因为不推荐，它将被视为宽度（视口宽度），而不是实际的设备宽度。

您是否包含了

？@Manngo我以前没有添加它，但添加之后，尽管看起来不错，就像字体看起来更大一样，但是css效果的要点没有改变。非常感谢。这意味着最大设备宽度不等于屏幕分辨率，因为我在你提到的链接中发现iPhone 6的视口大小为375*667，而屏幕分辨率为750*1334。然后屏幕宽度是视口宽度的2倍（而我的设备是3倍）。我环顾了一下该链接中的列表，我认为chrome可以使viewport 300~400（与屏幕宽度相关）满足大多数站点识别移动设备的要求。