屏幕分辨率更改时更改列

时间:2014-04-11 08:26:21

标签: html css responsive-design width

我有一个与数据库连接的表,这个表每行有3列,我正在使用CSS。 当分辨率变低时,我希望每行有1列

**我使用@media only屏幕和(min-width:150px)和(max-width:916px)

1 个答案:

答案 0 :(得分:1)

您可以渲染两个表格...一个在3-colums布局中,另一个在移动布局中。根据您的屏幕大小,您可以显示第一个并通过媒体查询隐藏第二个。这不是最好的解决方案,但它有效:)

根据屏幕尺寸重新设计表格有点棘手!

这是一个很好的教程:http://css-tricks.com/responsive-data-tables/