1

Web サイトはすべての解像度で正常に表示されますが、ウィンドウのサイズを変更すると問題が発生します。

私が行ったことは、5 つの div コンテナーを作成し、各コンテナーに 500% 幅のボディ内に 20% 幅を与えることです。以下はそのうちの1つです

 <div id="workslide" class="container"> 
 //some a tags goes here
 </div>

CSS

.container {
     bottom: 0;
     float: left;
     height: 100%;
     margin: 0;
     position: relative;
     width: 20%;
}

各コンテナ内には、CSS で設定された img スライドがありbackground-size: contain;、すべての解像度で正しくスケーリングされます。たとえば、ウィンドウが左からサイズ変更されると、これが発生します。前の div はにじみます: ここに画像の説明を入力

どんなアイデアでも大歓迎です！

4

1 に答える 1

0

マットからのポインターの後に問題の修正を実装しました。今は完璧に動作します:

//added following lines of code within document ready:
$(window).resize(function() {
$(window).scrollLeft($(/*element you have scrolled to*/).offset().left);
});
于 2013-05-07T19:23:21.070 に答える