按比例调整不断增长的div？

Question

我有一个div，充当进度条，不断增加与浏览器宽度成正比的数量。 timerLength += $(window).width()/numSlides * .01;当条到达浏览器的边缘时，其宽度设置为0，并开始重新填充。

我希望这可以流畅地扩展，但我不知道如何在浏览器调整大小时按比例调整大小。它可以在不同的浏览器大小下正常工作，但到目前为止，如果您调整浏览器的大小，则栏的宽度将保持不变，直到到达浏览器边缘并将其自身重新设置为0。

Answer 1

考虑使用百分比宽度。计算它应该填充的百分比，适当地调整div的大小（通过在JS中手动重新调整它的大小并更新它或纯CSS）并让浏览器处理所有缩放。只是一个想法。

Answer 2

没有看到所有的代码有点难以判断，但它听起来像只需要使用％宽度而不是固定宽度。

使你装载机con 100％宽度并显示：block;这将使其流畅地调整到屏幕。然后当你再次使用％填充该栏时。