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

标签 html css browser

<分区>

有什么办法可以知道页面的当前宽度是多少?我正在尝试使用 CSS 媒体查询创建响应式网页。
那么当我调整页面大小时,我是否可以知道页面当前的宽度是多少?

编辑:

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

$(窗口).width();

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

最佳答案

您无法在纯 HTML/CSS 中获取浏览器 View 的宽度。但是,您可以在 Javascript 中:

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

如果您只是想要用于调试目的的宽度,您可以在开发者工具中找到浏览器大小。

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

Example Developer Tools

关于html - 在我的浏览器中查找网页的当前宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21733336/

相关文章:

css - 浏览器的默认 CSS 样式表

javascript - .Net - 当用户单击 "Backspace"键盘按钮时禁用返回一页

javascript - 修复滚动条上的 div 底部

html - 寻找一个完美的下拉菜单 : stretching to full width, 等宽项,纯 CSS。请帮忙解决一个故障

javascript - Jquery 使两个函数一起运行

html - 在非透明列表后面制作一个带有透明背景图像的div

python - 如何向pytest html报告添加额外的变量

html - 浏览器一次将从给定域下载多少资源?

css - 如何改变报纸快速新闻主题的背景渐变?

python - socket.gaierror : [Errno 11001] getaddrinfo failed"in python, 使用简单的自定义 Web 浏览器