html - 低分辨率的 Twitter Bootstrap 轮播截止

Question

我在一个教堂的网站上添加了一个轮播，它是从一个可以在远程后端配置的 PHP 脚本生成的。

这似乎很有趣，因为它只发生在低分辨率下。

看看这里：http ://cstone.jire.org/carousel.php

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

Answer 1

这是因为position: fixed您为 div 设置的值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

图像尺寸不够大，无法在屏幕上伸展。（1500 像素）。

您可以尝试添加

宽度：100% 到

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

}

但它可能会改变高度。