调整页面宽度,或者在不同屏幕尺寸的设备上(PC,手机)尝试浏览器本页,你会发现下面的表格呈现出自适应布局特征,能够自动的使用不同的屏幕尺寸,数据的表现不会因为屏幕大小变化而变得不合适。
这种用纯CSS实现自适应布局表格的实现技术细节请参考文章《纯CSS实现自适应布局表格》
支付 | 日期 | 金额 | 周期 |
---|---|---|---|
支付 #1 | 02/01/2015 | ¥2,311 | 01/01/2015 - 01/31/2015 |
支付 #2 | 03/01/2015 | ¥3,211 | 02/01/2015 - 02/28/2015 |