使用来自 php mysql 的数据创建响应表

Question

下表打印来自 mysql 数据库的数据。是否有可能使其响应适应即使是最小的设备而不会丢失图像。我正在研究引导程序，看看它是如何工作的。

<style> 
body { margin: 0; font-family: Arial, Helvetica, sans-serif; } 
.content { margin: auto; width: 99.8%; height:79.8%; border: 1px solid green; padding: 10px; background-color: magenta; }
</style> 
<div class="content">
  <div class="row">
    <div class="col">
       <?php
        print "<table border=1 width=100%>"; 
        print "<td width=10px height=auto bgcolor=#00FF33>" . $row['id'] . "</td>"; 
        print "<td width=200px height=200px>"."<a href='".$row['image']."'><img src=".$row['image']."width=100% height=100%</a>" ."</td>";
    print "<td>"; 
        print "<table border=1 width=100%>"; 
        print "<tr>";
        print "<td>" . $row['imagename'] . "</td>";
        print "</tr>"; 
        print "<tr>";
        print "<td>" . $row['name'] . "</td>";
        print "</tr>"; 
        print "<tr>";
        print "<td>" . $row['username'] . "</td>";
        print "</tr>";
        print "<tr>";
        print "<td>" . $row['useremail'] . "</td>";
        print "</tr>";
        print "<tr>";
        print "<td>" . $row['userphone'] . "</td>";
        print "</tr>";
        print "<tr>";
        print "<td>"."<a href='id=$uniqueid' >More Details</a>"."</td>";
        print "</tr>";
        print "<tr>";
        print "<td>"."<a href='id=$uniqueid' >Contact Seller</a>"."</td>";
        print "</tr>"; 
        print "</table>"; 
        print "</td>"; 
        print "</table>"; 
        print "<br />";
      ?>    
    </div>

Answer 1

如果您使用引导程序，只需将“table table-responsive”添加到您的表格类中

<table class="table table-responsive">