echo' <div class="col-md-3 col-sm-6" >
<div class="card" style="height: 20rem;" data-id="'.$row["productID"].'">
<img class="card-img-top" src="https://bbs.csdn.net/topics/images/'.$row["image"].'" alt="Card image cap">
<div class="card-body">
<h6 class="card-title" style="text-align:center;font-weight:bold;">'.$row["name"].' </h6>
</div>
</div>
</div>';
uj5u.com熱心網友回復：
我試圖添加min-width不可以uj5u.com熱心網友回復：
css寫得有問題，給圖片設定max-widthuj5u.com熱心網友回復：
我感覺我理解錯了嗎？字體的問題是bootstrap樣式設定的，h6樣式font-size: 1rem; 其中 rem為元素設定字體大小時，是相對大小，相對的是HTML根元素。.h6, h6 {
font-size: 1rem;
}
uj5u.com熱心網友回復：
我吧REM從20換成25了，解決了，只是那個框架變得有點小長uj5u.com熱心網友回復：
這個是圖片顯示太大擋住了下面的文字，應該會出滾動條。改20=>25 如果螢屏很大還是會出現這個問題的，給圖片設定個max-width，自動縮放高度。uj5u.com熱心網友回復：
max width應該放什么？uj5u.com熱心網友回復：
圖片最大寬度，可以按比例寫uj5u.com熱心網友回復：
object-fit 這個樣式也許可以幫到你uj5u.com熱心網友回復：
width:20vmax 你試試效果
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/57658.html
標籤：HTML(CSS)
上一篇：JavaScript BOM