我有一个根据浏览器窗口大小从 1 缩小到 0.5 的网页。现在在我的页面上，我有一个 div 内的小方块，我希望它位于整个页面的中心。所以我需要实现的是给 div 一个填充 100% 浏览器宽度的宽度。使用类似的东西width:100%不会给出我正在寻找的结果，因为它将宽度设置为浏览器窗口的宽度（即 1600 像素）。但是随着我的页面缩小，1600px 会太小。所以然后我尝试做类似的事情：
$square.css('width', (viewportWidth*negscale) + 'px');
在哪里negscale，3-(2*scale)例如，如果我将页面缩放到 0,5（这意味着它是大小的一半），则为negscale2，因此正方形的宽度将是视口宽度的 2 倍。现在奇怪的部分是，对于 0,5 和 1，它工作得非常好，但是对于 div 宽度之间的每个比例，它都太大了。我真的想不出为什么会这样。
有谁知道我做错了什么，或者有另一种方法来找出 div 必须有多宽才能填充 100% 的视口？