参考文章见:http://isux.tencent.com/responsive-web-design.html
这篇文章很详细地讲了响应式导航的相关知识,不过关于table的三种响应式导航没有具体的讲解。下面是我根据自己的理解,尝试的这三种方法。
以同一个例子来看,拥有11列数据的表格:
如果不添加响应式导航,在浏览器改变宽度时,table会出现变形,数据项会竖向排列,影响显示效果,如下:
No.1在页面width变小时,隐藏不重要的数据列。
在前述的例子中,一个理科学生的成绩表,从一个查看成绩的人的角度看十一项按重要性排列,数字越大重