<分区>
有什么办法可以知道页面的当前宽度是多少?我正在尝试使用 CSS 媒体查询创建响应式网页。
那么当我调整页面大小时,我是否可以知道页面当前的宽度是多少?
编辑:
因此,获得宽度的一种方法是使用开发人员工具,而我发现第二种有用的方法是
$(窗口).width();
就我而言,我实际上是在寻找第一种方法。
<分区>
有什么办法可以知道页面的当前宽度是多少?我正在尝试使用 CSS 媒体查询创建响应式网页。
那么当我调整页面大小时,我是否可以知道页面当前的宽度是多少?
编辑:
因此,获得宽度的一种方法是使用开发人员工具,而我发现第二种有用的方法是
$(窗口).width();
就我而言,我实际上是在寻找第一种方法。
最佳答案
您无法在纯 HTML/CSS 中获取浏览器 View 的宽度。但是,您可以在 Javascript 中:
var viewportWidth = document.documentElement.clientWidth;
var viewportHeight = document.documentElement.clientHeight;
如果您只是想要用于调试目的的宽度,您可以在开发者工具中找到浏览器大小。
例如,在 Firefox 上,您可以打开开发人员工具 (Ctrl+Shift+I),然后使用自适应 View 面板(位于右侧),注意此屏幕截图左上角的真实视口(viewport):
关于html - 在我的浏览器中查找网页的当前宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21733336/