0

私はこれを理解できず、おそらくかなり単純です。並べて配置する必要があるいくつかの DIV 要素があり (その間にマージンはありません)、各 div にはブラウザーの幅の 100% の幅とブラウザーの 100% の min-height を設定する必要があります。

私が言ったように、これには手早く簡単なトリックがあると確信していますが、私の研究ではあまり見つけることができませんでした. どうもありがとう！

更新: これはうまくいくようです: http://pastebin.com/kuQyfwuG

4

1 に答える 1

0

おそらく、すべての div を、幅がブラウザーの幅 (または少なくとも横に並べたすべての div の合計幅) よりもはるかに大きいコンテナー div にラップできます。

HTML

<div id="container">
  <div class="element"></div>
  <div class="element"></div>
  <div class="element"></div>
  <div class="element"></div>
  <div class="element"></div>
</div>

CSS

body {
  overflow: hidden;
}

#container {
  width: 10000px;
  height: 100%;
}

.element {
  min-height: 100%;
  ...
}

jQuery

$('.element').css('width', window.innerWidth);

bodyのサイズのoverflow: hidden;ために水平スクロールバーが表示されないようにプロパティが与えられました。#containerまた.element、幅を 100% にすると#container要素と同じ幅になるため、小さな jQuery を追加して、幅をウィンドウ/ブラウザーの幅と等しくすることができます。

于 2014-01-17T03:17:08.793 に答える