我試圖確?？ㄆM中圖片和視頻的大小相等<div class="card-deck"> <div class="card"> <a href="#"><img src="./../trier.jpg" alt="foto" class="card-img img-fluid"></a> <div class="card-body"> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quas aut quod vero vitae quaerat ipsum at, temporibus odio. Nemo veniam rem consectetur totam debitis officia impedit similique cumque nobis culpa!</p> </div> <div class="card-footer bg-transparent text-center"> <p class="text-muted">BLABLABLABLABLABLA</p> </div> </div> <div class="card"> <a href = "#"><div class="embed-responsive embed-responsive-1by1"><iframe src="./../trialVideo.mp4" class = "card-img img-fluid" controls></iframe></div> </a> <div class="card-body"> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quas aut quod vero vitae quaerat ipsum at, temporibus odio. Nemo veniam rem consectetur totam debitis officia impedit similique cumque nobis culpa!</p> </div> <div class="card-footer bg-transparent text-center"> <p class="text-muted">BLABLABLABLABLABLA</p> </div> </div> <div class="card"> <a href="#"><img src="./../trier.jpg" alt="foto" class="card-img img-fluid"></a> <div class="card-body"> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quas aut quod vero vitae quaerat ipsum at, temporibus odio. Nemo veniam rem consectetur totam debitis officia impedit similique cumque nobis culpa!</p> </div> <div class="card-footer bg-transparent text-center"> <p class="text-muted">BLABLABLABLABLABLA</p> </div> </div> </div>我的代碼輸出：https : //ibb.co/b15gqhZ
1 回答
蠱毒傳說
TA貢獻(xiàn)1895條經(jīng)驗(yàn) 獲得超3個(gè)贊
在你的 css 中試試這個(gè)：
.card-img top {
width: 100%;
height: 15vw;
object-fit: cover;
}
- 1 回答
- 0 關(guān)注
- 265 瀏覽
添加回答
舉報(bào)
0/150
提交
取消