1
私はブートストラップカルーセルでimgを反応させようとしています。私はCSSの高さと幅を変更しようとしましたが、うまくいきません。 高さを100vh、幅をimgの幅としたい。オーバーフロー部分は隠すことができますが、imgはスケーリングする必要があります。今のところ、画面が小さくなるとこのように見えます。 ブートストラップ応答カルーセル画像
ここにコードがあります。
@media only screen and (max-width : 768px) {
.carousel-inner > .item > img {
height: 100vh;
width: auto;
overflow: hidden;
}
}
<div class="carousel-inner" role="listbox">
<div class="item active">
<img src="photos/JO2_2978.JPG" alt="xmas_orchestra">
</div>
</div>
私が試みたが、IMGはまだ圧迫されます –