如何解决缩小后字体看不见的问题呀
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="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>';我试图添加min-width不可以
设置图像为max-width 我觉得我做错了吗?字体大小是相对大小,而不是HTML根元素。 这个是图片显示太大挡住了下面的文字,应该会出滚动条。改20=>25 如果屏幕很大还是会出现这个问题的,给图片设置个max-width,自动缩放高度。
页:
[1]