Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/364.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
JavaScript:';document.body.clientWidth';用于查询当前浏览器宽度的属性是否正确?_Javascript_Css_Responsive Design - Fatal编程技术网

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

JavaScript:';document.body.clientWidth';用于查询当前浏览器宽度的属性是否正确?,javascript,css,responsive-design,Javascript,Css,Responsive Design,我是响应式网络设计的新手 现在,在处理媒体查询时,我将这些代码片段作为在调整控制台大小的同时将浏览器宽度写入控制台的代码片段 (函数(){ addEventListener('resize',function()){ console.log('当前宽度:%s',document.body.clientWidth); }); })();如果您真的想使用JavaScript,请使用window.innerWidth 这是窗口的内部宽度,而document.body.clientWidth可能更小:

我是响应式网络设计的新手

现在,在处理媒体查询时,我将这些代码片段作为在调整控制台大小的同时将浏览器宽度写入控制台的代码片段

(函数(){
addEventListener('resize',function()){
console.log('当前宽度:%s',document.body.clientWidth);
});

})();如果您真的想使用JavaScript,请使用
window.innerWidth

这是窗口的内部宽度,而
document.body.clientWidth
可能更小:它取决于主体的宽度


但通常人们使用CSS媒体查询。这更有意义,因为这就是它们存在的原因。因此,如果可以,请使用它们

如果您真的想使用JavaScript,请使用
window.innerWidth

这是窗口的内部宽度,而
document.body.clientWidth
可能更小:它取决于主体的宽度


但通常人们使用CSS媒体查询。这更有意义,因为这就是它们存在的原因。因此,如果可以,请使用它们

是的,我们可以使用document.body.clientWidth获取浏览器的整个宽度。它是获取宽度的核心javascript方法,也可用于获取特定元素。如果您使用的是jQuery,可以尝试使用$(window).width()获取窗口宽度。既然你提到你是新的响应设计,不要设置高度,除非它是非常必要的。将“高度”设置为“自动”将使响应式web开发变得简单。

是的,我们可以使用document.body.clientWidth获取浏览器的整个宽度。它是获取宽度的核心javascript方法,也可用于获取特定元素。如果您使用的是jQuery,可以尝试使用$(window).width()获取窗口宽度。既然你提到你是新的响应设计,不要设置高度,除非它是非常必要的。将“高度”设置为“自动”将使响应式web开发变得容易。

选中此项,您将在此处看到许多选项选中此项,您将在此处看到许多选项“但通常人们使用CSS媒体查询…”您是否阅读了此问题?这就是OP正在做的。这是关于找到要在其中使用的断点。“但是通常人们使用CSS媒体查询…”你读过这个问题吗?这就是OP正在做的。这是关于查找要在其中使用的断点。