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

Question

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

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

Answer 1

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

Answer 2

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

让你的装载机100％宽度并显示：块;这将使它流畅地调整大小到屏幕。然后当你再次使用％填充栏时。