在 chrome 开发工具中不显示页脚元素，而在 Firefox 开发工具中显示为什么？

如何解决在 chrome 开发工具中不显示页脚元素，而在 Firefox 开发工具中显示为什么？

我正在通过 React.js 开发一个静态 Web 应用程序。我正在使用谷歌开发工具来检查元素。在响应式设计模式下，一切都很好。但是，当我选择特定的手机时，滚动到底部时不会显示页脚元素。但是，当我检查元素时，它在控制台上可见，我可以看到 HTML 信息。我想也许我以某种方式固定了移动设备或 smt 的高度。然后我尝试了 firefox 开发工具，我能够看到页脚。我不知道哪个更现实，因为我还没有部署它。我在尝试之前删除了浏览器的历史记录。

更具体地说；在 chrome 开发工具上，当我选择响应式设计模式并将分辨率更改为 375x812（与 iPhone X 相同）时，我可以看到我的页脚。如果我选择 iPhone x 而不是响应式设计模式，那么我看不到它。更烦人的是，两种情况都适用于 Firefox 工具，而且我看到了我的页脚。那么问题出在哪里呢？为什么对于同一个应用程序，两种开发工具的行为如此不同，更重要的是哪个是正确的？

解决方法

好的，我想通了。宽度和高度旁边有一个缩放选项。我的情况是 100%，这应该是“适合窗口”。我把这个愚蠢的问题留在这里，如果其他初学者遇到同样的问题，这会有所帮助。