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

Question

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

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

Answer 1

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