Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/ssh/2.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
Html 放大浏览器时,document.body.clientWidth发生了更改_Html_Css_Viewport - Fatal编程技术网

Html 放大浏览器时,document.body.clientWidth发生了更改

Html 放大浏览器时,document.body.clientWidth发生了更改,html,css,viewport,Html,Css,Viewport,假设我将浏览器窗口调整为1000px,然后打印视口宽度: document.body.clientWidth // 1000 然后我放大浏览器,将其设置为放大150%,然后再次打印视口宽度: document.body.clientWidth // 667 为什么会变窄?更重要的是如何计算出数字667?它看起来窄了1/3 不是1000/150*100吗? 浏览器窗口的大小(浏览器视口,不包括工具栏和滚动条) 顺便说一下,ClientWith只在IE5-8中工作。您可以将window.inn

假设我将浏览器窗口调整为
1000px
,然后打印视口宽度:

 document.body.clientWidth // 1000
然后我放大浏览器,将其设置为放大150%,然后再次打印视口宽度:

document.body.clientWidth // 667
为什么会变窄?更重要的是如何计算出数字
667
?它看起来窄了1/3

不是1000/150*100吗? 浏览器窗口的大小(浏览器视口,不包括工具栏和滚动条)


顺便说一下,ClientWith只在IE5-8中工作。您可以将window.innerWidth用于其他现代浏览器和IE8以上的浏览器

1000/150*100等于什么…?