我遇到了一个奇怪的行为，我找不到造成这种行为的原因。当我手动调整Google Chrome浏览器的大小以及在设备模拟器中（使用开发人员工具）检查网站时，My websites具有两种不同的呈现方式。
简述：
<html>
<body>
<div>
//Entire the codes here with no overflowed element
</div>
</body>
</html>
我对HTML和BODY标签的宽度没有任何样式。身体的直接子对象还是DIV，其宽度没有样式（因此应覆盖100％）。当我手动调整窗口大小时，DIV会覆盖视口宽度的100％，但是当我在设备模拟器（开发人员工具）中调整窗口大小时，子DIV的收缩速度要比视口快，并且空白出现在窗口右侧。>
在真实的移动设备中，当我检查网站时，顶部菜单的图标超出了屏幕的宽度，我可以看到该图标的一半，因此看来设备模拟器中的渲染是真正的逻辑，碰巧是一个真实的设备。如果缩小后再在真实设备中浏览网页，则“菜单”图标会回到屏幕上，但是我已经设置了以下内容，并且我希望默认情况下页面以全角打开，但是似乎可以放大，可以在页面后放大加载）：
<meta name="viewport" content="width=device-width,initial-scale=1.0">
更多支票：
- 检查元素时，body和html中没有计算出的填充和边距。
- 我已从网页上删除了AOS库，以确保第三方库没有增加边距和填充量，但没有变化。
- 我已经对
overflow-x:0的主体进行了测试，以确保没有溢出元素但没有变化。
