如何解决缩小后字体看不见的问题呀

绚丽朝阳

1. echo'  <div class="col-md-3 col-sm-6" >
   
2.                           <div class="card" style="height: 20rem;" data-id="'.$row["productID"].'">
   
3.                               <img class="card-img-top" src="images/'.$row["image"].'" alt="Card image cap">
   
4.                               <div class="card-body">
   
5.                                   <h6 class="card-title" style="text-align:center;font-weight:bold;">'.$row["name"].'  </h6>
   
6. 
   
7.                               </div>
   
8.                           </div>
   
9.                       </div>';

复制代码

我试图添加min-width不可以

本帖寻求最佳方案

，目前已有 3 个回复 我要奖励

小香菇

设置图像为max-width

不吃可吃

我觉得我做错了吗?字体大小是相对大小，而不是HTML根元素。

蜡烛哥哥

这个是图片显示太大挡住了下面的文字，应该会出滚动条。改20=>25 如果屏幕很大还是会出现这个问题的，给图片设置个max-width，自动缩放高度。