html - 低解像度での Twitter Bootstrap カルーセルのカットオフ

Question

リモート バックエンド内で構成できる PHP スクリプトから生成されたカルーセルを教会の Web サイトに追加しました。

これは低解像度でのみ発生するため、興味深いようです。

こちらをご覧ください: http://cstone.jire.org/carousel.php

<div id="myCarousel" class="carousel slide" style="width: 100%; height: 410px; position: fixed;">

Answer 1

position: fixeddivに設定した値が原因ですmyCarousel

<div id="myCarousel" class="carousel slide" style="width: 100%; height: 410px; position: fixed;">

削除するposition: fixed

<div id="myCarousel" class="carousel slide" style="width: 100%; height: 410px;">

Answer 2

画像サイズが画面全体に広がるほど大きくありません。(1500px)。

追加してみることができます

width:100% ～

.carousel-inner>.item>img, .carousel-inner>.item>a>img {
display: block;
line-height: 1;
width: 100%;

}

しかし、それは高さを変えるかもしれません。