我有一个用作进度条的 div，不断增加与浏览器宽度成比例的数量。 timerLength += $(window).width()/numSlides * .01; 当栏到达浏览器的边缘时，其宽度设置为 0 并再次开始填充。
我希望它可以流畅地缩放，但我不知道如何在调整浏览器大小时使栏按比例调整大小。它在不同的浏览器尺寸下都能正常工作，但截至目前，如果您调整浏览器的尺寸，栏的宽度将保持不变，直到它到达浏览器的边缘并再次将其自身设置为 0。
最佳答案
考虑使用百分比宽度。计算它应该填充的百分比，将 div 的大小适本地调整到窗口(通过在 JS 中手动重新计算它的大小并更新它或纯 CSS)并让浏览器处理所有缩放。只是一个想法。
关于javascript - 按比例调整不断增长的 div 的大小？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11416789/