移动 Web 应用程序的缩放表

Question

我正在尝试在 PHP 中为移动 Web 应用程序扩展我的表，并且我有很多字段回显。

有没有一种巧妙的方法来设置这些样式，因为它们现在太远了

echo "<table cellspacing=\"0\" class=\"recordsTableBG\"> <thead class=\"recordsTableHeader\" >";
echo '<tr class="alternateRowColor">';
echo '<tr><th>id</th><th>amount</th><th>submission</th><th>project_id</th><th>status</th><th>description</th><th>delete</th></tr></thead>';
  //echo "<form method='post' action=\"pmsystem.php?page=sentbox\">".
           echo "<form method='post' action=\"viewrecordsemp1.php\">".
            "    <input type=\"hidden\" name=\"deleteMessage\" value=\"yes\">".
            "    <input type=\"hidden\" name=\"id\" value=\"$id\">".
            "<td><b>$id </b> <br></td>".
            "<td>$amount</a><br/></td>".
            "<td>$submission</a><br/></td>".
            "<td>$project_id</a><br/></td>".
            "<td>$status</a><br/></td>".
            "<td>$description</a><br/></td>".
            "    <input type=\"hidden\" name=\"thisPage\" value=\"$thisPage\">".           
            "   <td> <input type=\"image\" src=\"images/delete.jpg\" alt=\"Delete contact\" onClick = \"return confirm('$first_name are you sure you want to delete this message?')\";></td>".
            "    </form>";

            echo "</table>";
            echo "<hr = '1'>";

Answer 1

我不确定这些字段中有哪些数据，但您可以回显可能最重要的 3 列，并将其余数据放入占据屏幕的不可见 <div> 中。单击该条目时，<div> 将被取消隐藏，并且所有选项都整齐地显示。这意味着您必须有一组单独的 PHP 代码才能在移动设备上运行，如果您只想制作移动样式表，则必须保持表格格式几乎相同。

但请记住，许多手机用户使用手机横向浏览非移动特定网站上的网络。除非您的网站是专门为移动设备设计的，或者文本在水平视图中仍然出现在屏幕外，否则请考虑保持原样，除非人们抱怨。