0

プログレスバーとして機能する div があり、ブラウザの幅に比例して常に増加しています。timerLength += $(window).width()/numSlides * .01;バーがブラウザの端に達すると、幅が 0 に設定され、再び塗りつぶされ始めます。

これを流動的にスケーリングしたいのですが、ブラウザのサイズが変更されたときにバーのサイズを比例的に変更する方法がわかりません。さまざまなブラウザー サイズで正しく動作しますが、現時点では、ブラウザーのサイズを変更しても、ブラウザーの端に到達して再び 0 に設定されるまで、バーの幅は同じままです。

4

2 に答える 2

0

パーセンテージ幅の使用を検討してください。埋める割合を計算し、ウィンドウに合わせてdivのサイズを適切に設定し（JSでサイズを手動で再計算して更新するか、純粋なCSSを使用して）、ブラウザーにすべてのスケーリングを処理させます。ちょっとした考え。

于 2012-07-10T15:34:41.553 に答える
0

すべてのコードを見ないと判断するのは少し難しいですが、固定幅ではなく％幅を使用する必要があるように思えます。

ローダーコンを100％幅にし、display：block; これにより、画面に合わせてスムーズにサイズ変更されます。次に、バーを埋めるときに、％を再度使用します。

于 2012-07-10T15:35:03.057 に答える