bootstrap 4を使用しています。
写真全体を表示したいのですが、写真が画面に合わせて縮尺されず、写真サイズは変更されず、画面サイズに合わせて表示される部分が変更されてしまいます。コードの修正場所をご指摘頂きたくお願いします。
html
1<div class="carousel-item active"> 2 <img alt="misaki-first" class="first-slide" src="/assets/01-71aa3b1c2538598e4bcb20b9b5240b17a99e5c8cc9aba15609faf16517da645e.jpg" /> 3 <div class="container"> 4 <div class="carousel-caption text-xs-left"> 5 <h1>テスト</h1> 6 <p>文書</p> 7 </div> 8 </div> 9 </div>
css
1.carousel-item { 2 height: 32rem; 3} 4.carousel-item > img { 5 position: absolute; 6 top: 0; 7 left: 0; 8 min-width: 100%; 9 min-height: 100%; 10 height: 32rem; 11}
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/11/12 15:19
2016/11/12 15:28
2016/11/12 15:37