奇怪的缩放和尺寸行为与设备工具栏和响应布局在铬和边缘

Question

由于一个未知的原因，我的铬开发工具设备工具栏在测试响应模式时开始表现得很奇怪。当切换到它时，网站会被完全放大，页面的尺寸不是工具栏中显示的尺寸，布局也不会做出相应的调整：

​

​

当我切换设备工具栏关闭，它工作良好，我可以调整窗口和布局将作出反应调整。

​

​

Chrome版本: 96.0.4664.110 (构建当然版) (64位)

注意:我选择了google网站作为例子，但是对于我在本地工作的某个页面来说，情况是一样的。

注2:边缘相同

注3:在Mozilla中，设备工具栏似乎工作得很好。

Answer 1

好吧，哇，答案似乎是

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

https://css-tricks.com/snippets/html/responsive-meta-tag/