Css 移动Chrome上的Web响应问题

我在inspect element上检查我的网站的响应度，特别是在

bootstrap.css的侧菜单上，它工作得很好，但当我尝试在我的手机chrome上检查响应度时，它看起来像是一团糟。我不明白有人能给我一个建议吗

检查中的设备工具栏：


移动Chrome：

这个问题很明显。我列举了出现这个问题的几个原因：

可能是手机的高度和宽度与您在chrome上看到的屏幕的高度和宽度不同


有时谷歌开发者工具不能显示准确的结果。尝试放大或缩小


您的CSS可能存在一些问题。重新检查你的CSS


我想说的是，你最好在手机上测试你的网站，而不是使用Chrome开发者工具。
我已经在手机上注册了另一个浏览器应用程序，它运行良好，但不适用于Chrome