现在有一个表格, 4列n行,想要在移动设备上显示成2列2*n行,避免出现多行的情况。
现在采用的是极其暴力的方法:表格一行重复输出为两行,第二行带display:none
的id,第一行左两列带ida,右两列带idb,第二行相反。控制在media width小于一定的时候,第二行的display:none
去除变成display:table-cell
,所有的ida变成display:none
。。
请问如何优雅地做到表格地相应式显示?
1
b821025551b 2015-03-03 18:47:35 +08:00
div嵌套设置背景色伪装table(table不适合做响应式)
|