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

Question

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

我希望它能够流畅地缩放，但我不知道如何在调整浏览器大小时使栏按比例调整大小。它在不同的浏览器尺寸下都能正常工作，但到目前为止，如果你调整浏览器的大小，栏的宽度保持不变，直到它到达浏览器的边缘并再次将自身设置为 0。

Answer 1

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

Answer 2

在没有看到所有代码的情况下很难判断，但听起来你只需要使用 % 宽度而不是固定宽度。

让你 loader con 100% 宽度和 display:block; 这将使它流畅地调整到屏幕大小。然后，当您再次填充使用百分比时。