在浏览器中查找网页的当前宽度

Question

有没有办法知道页面当前的宽度是多少？我正在尝试使用 CSS 媒体查询创建响应式网页。
那么当我调整页面大小时，我能知道页面当前的宽度是多少吗？

编辑：

因此，获取宽度的一种方法是使用开发人员工具，我发现有用的第二种方法是

$(窗口).width();

就我而言，我实际上正在寻找第一种方法。

Answer 1

您无法以纯 HTML/CSS 获取浏览器视图的宽度。但是，你可以在 JavaScript 中：

var viewportWidth  = document.documentElement.clientWidth;
var viewportHeight = document.documentElement.clientHeight;

如果您只想要调试目的的宽度，您可以在开发人员工具中找到浏览器大小。

例如，在 Firefox 上，您可以打开开发人员工具 ( Ctrl+Shift+I)，然后使用自适应视图面板（位于右侧），请注意此屏幕截图左上角的真实视口：