用于向我显示当前浏览器大小的响应工具 [关闭]

Question

我正在寻找一个工具，我可以用它来确定当前浏览器大小，以找出的断点响应式设计...

我感兴趣的另一个问题是... 您如何处理这些问题以找到在 HTML/CSS 中进行响应式设计的断点？

Answer 1

我将尽可能基本地解释这一点： 如果您使用 Google Chrome 并右键单击该页面，您会看到“检查元素”选项。如果您选择此项，您将获得一个包含所有元素的额外窗口（DOM 视图）。在这个“检查器”的右上角有 3 个点，单击它并选择不是覆盖选项的选项之一（取消停靠）。当您选择这 3 个选项之一时，检查器将被卡在页面上。将鼠标放在检查器与页面相接的边缘，以便调整检查器的大小。如果您调整它的大小，您会在右上角看到没有检查器的页面的确切尺寸。 另一种选择是选择检查器左上角的移动/平板电脑图标。这将以“设备模式”显示页面。如果您在下拉菜单中选择“响应式”，则可以指定页面的确切尺寸。