Question

下表打印了一个mysql db的数据。是否有可能使它适应最小的设备而又不会丢失图像。我正在研究引导程序，以了解它如何工作。

<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 class="table table-responsive">

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

1 个答案: