文章目录
[+]
现在看一下相应式表格怎么样做。这里是拉动示范一下，在拉动的过程中创造列的宽度是按照浏览器大小进行自适应，行的高度是按照单元格的字数进行自适应。通过这两个自适应，相应式的表格就做好了。
·现在看一下自适应，自适应的代码在这边，这个是序号列跟查询、考生姓名、成绩，都是占宽度的12%。总的表格占用的是分辨率宽度的90%，可以再大一点98%，这样就拉大一点。
·这边再看一下，现在序号列不须要这么宽，序号列可以在这里设置，序号是number，number在这里，还有得分score，score也不须要这么宽。number跟score到这里了，number跟score不须要这么宽，12%不须要，可以改成6%就够了。
（图片来自网络侵删）
·这边现在再拉伸看一下，现在序号列占用的总宽度是6%，查询列占用的总宽度是12%，剩下的部分就给学科这边，这样子就实现了。这里详细的宽度是在这里设置，学科扣完之后剩下的便是学科列宽。
·这个是表头，表头这里单独设置class的样式，这样相应式的表格就做好了。比如这里现在是3行，如果4行的时候，4行的时候行高单元格的行高就自适应了，单元行高就自适应，1440或者是1920都能很好的适应。
相应式的表格代码写的详细的过程便是这样。
相应式表格就先容到这里。
