html里面 要自适应表格行数 比如手机端一行可以显示3格 pc端一行显示5格 根据设备的宽度 怎么实现呢

设置自适应宽度一般都是需要把他们的width设置为百分比，你可以测试一下，或者发你的网址来我给你测试一下；

但是这样设置只能让表格来自适应还需要考虑到表格内容来自适应，举个例子来说吧：如下

用@media screen来根据浏览器的宽度判断

@media screen and (max-width:360px){body,input,select{font-size:12px}}

意思是：当浏览器的宽度小于360px时，文字大小12像素

反过来讲一样：@media screen and (min-width:360px){body,input,select{font-size:15.75px}}

当浏览器的宽度大于360px的时候就是15.75px文字大小，这样的话，表格里面的内容就可以完整的显示；

具体的代码还需要你自己来写；

在一个table下分2行显示，还是每行用一个tr显示。

但在每个tr中可用colspan和rowspan来控制每行的列数，同时可设每个tr的宽度。

如：

<table border="1px">

<tr align = center>

<th colspan=3>aaaaa</th><th colspan=2>bbb</th>

</tr>

<tr align=center>

<th>123</th><th>456</th><th>789</th><th>101</th><th>112</th>

</tr>

</table>

具体你也可以上网查一下table中这2个参数的用法。

你这张表我的做法还是用 colspan，rowspan，可能不科学，但其它方法我还不会:

第一行设为4个单元格，1为单独一格，2，3合并，4为单独一格。

第二行也设4个单元格，1，2合并一格，3，4合并一格。

以下类推。

不知还有没有更好的方法。

---