低分辨率的Twitter Bootstrap Carousel Cutoff

时间:2013-08-07 18:20:17

标签: html css twitter-bootstrap

我在教堂的网站上添加了一个旋转木马,该网站是从PHP脚本生成的,可以在远程后端配置。

这看起来很有意思,因为它只发生在低分辨率下。

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

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

2 个答案:

答案 0 :(得分:1)

这是因为您为div position: fixed

设置的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;">

答案 1 :(得分:0)

图像尺寸不足以在屏幕上伸展。 (1500px)。

您可以尝试添加

宽度:100%到

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

}

但它可能会改变身高。