twitter-bootstrap - Bootstrap: カルーセル内に画像を収める方法

Question

このWeb アプリには Bootstrap v3.3.5 カルーセルを使用しています。画像のサイズは 970x180 に固定されているため、カルーセルのサイズも修正しました。

ただし、スマートフォンからこのアプリを閲覧すると、画像が適切にリサイズされず、画像の半分しか表示されません。

ここに何か提案はありますか？

Answer 1

問題は.carousel .itemスタイルにあります。幅を削除: 970px; . ここでは、画像に固定幅を設定しています。それが応答しない理由です。

以下のコードがうまくいくと思います。

.carousel .item {
    height: 180px;
    /* width: 970px; */
}