JavaScript: 'document.body.clientWidth' 查询当前浏览器宽度的正确属性?

标签 javascript css responsive-design

<分区>

我是响应式网页设计的新手。

现在使用媒体查询,我为自己制作了这些代码片段,用于在调整控制台大小时将浏览器宽度写入控制台。

(function () { 
  window.addEventListener('resize', function() {
    console.log('Current width : %s', document.body.clientWidth);
  });
})();

我想做的是获取设置断点的位置的信息。

JavaScript 工作正常。但我不确定我是否在询问最优属性。

因此向更有经验的开发者提问:

我应该查询哪个对象的什么属性来解决寻找断点的任务?

最佳答案

是的,我们可以使用 document.body.clientWidth 获取浏览器的整个宽度。它是获取宽度的核心 javascript 方法,也可用于获取特定元素。如果您使用的是 jQuery,可以尝试使用 $(window).width() 来获取窗口宽度。由于您已经提到您是响应式设计的新手,所以除非非常必要,否则不要设置高度。将高度设置为自动将使响应式 Web 开发变得轻松。

关于JavaScript: 'document.body.clientWidth' 查询当前浏览器宽度的正确属性?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38239639/

上一篇:html - 弹出 div 而不调整父级的大小

下一篇:html - Bootstrap Portlet CSS 调整

相关文章:

javascript - 如何禁用 HTML5 YouTube iframe 视频的上下文菜单

javascript - 数组调整大小性能、设置长度属性与重复推送

html - 悬停时 jQuery div 叠加

html - 基于宽度兄弟图像宽度的 CSS 剪辑字符串

html - img srcset 和大小无法正常工作

javascript - jQuery 计算列表中每个项目的总数

javascript - 安全的 .php 文件,通过 JavaScript 调用

html - 在浏览器中有效地表示大网格

javascript - 如何在一行中为移动设备和桌面设备分配一个 css 值

html - 水平滚动 - Div - 页面内容 css 类