我有一个网页，根据浏览器窗口大小，从1缩小到0.5。现在在我的页面上我在div中有一个小方块，我希望在整个页面中居中。所以我需要实现的是给div一个宽度，它填充浏览器宽度的100％。使用像width:100%这样的东西不会给出我想要的结果，因为它会将宽度设置为浏览器窗口的宽度（即1600px）。但随着我的页面缩小，1600px将太小。所以我尝试做了类似的事情：
$square.css('width', (viewportWidth*negscale) + 'px');
其中negscale是3-(2*scale)，例如，如果我将页面缩放到0.5（这意味着它是大小的一半），negscale将是2，所以正方形宽度是视口宽度的2倍。
现在奇怪的部分是0,5和1它完美地工作，但是对于div之间的每个尺度，div的宽度都有点太大了。我真的想不出有什么理由可以这样。
有没有人知道我做错了什么，或者有另一种方法可以找出填充100％视口的div有多宽？