Chrome 开发者工具滚动问题

Chrome 开发者工具滚动问题

我正在开发一个前端项目,需要检查元素(很自然)。执行此操作时,chrome 的 DevTools 会向我显示一个宽度大于视口的页面,但没有任何明显原因(页面底部出现滚动条等)。在 Mac 上运行该项目时,一切正常。

有什么建议么?

答案1

我遇到了同样的问题,在预览面板/设备工具栏面板中更改了一些选项后,一个选项对我来说是可行的,那就是设备类型

当我切换到响应式视图时,默认视图是移动的我把它改成了桌面这对我来说很有用,当我切换回移动设备时,这个问题不再出现。

尽管重新打开响应式视图后它确实再次出现了。但这不是一个永久性的解决方案。

预览面板中的设备类型选项 SS

一个观察

我认为这个问题只出现在 body 高度和宽度属性分别设置为视口高度 (vh) 和视口宽度 (vw) 的网站上。不确定您是否使用了相同的属性,如果不是,那么它可能只是在开发环境中。不确定这一点,但这就是我发现的全部。

相关内容