表格怎么做响应式

Question

       公司要求我在原来的网页上添加响应式，其中有一副大图是用表格把很多小图拼起来的，用了响应式的.table-responsive，但是不管用，会出现表格的分割线，添加栅格系统也不好使，表格和图片还设了具体的宽高 Orz

  试了一早上实在没想出好办法，哪位大神能帮忙想一下。




Answer 1

这个你逆向分析boostrap.css的源码就会发现其设置了为th设置了border-bottom,为td设置了border-top。 自定义样式将border的宽度设为0px即可。      .table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th ,.table>thead>tr>th{    border-bottom:0px;     border-top: 0px solid #ddd }

Answer 2

表格宽度不要写成固定的数值。用100%试试