【问题标题】:change columns when screen resolution change [closed]屏幕分辨率更改时更改列[关闭]
【发布时间】:2014-05-25 07:10:11
【问题描述】:

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

**我正在使用@media only screen and (min-width: 150px) and (max-width:916px)

【问题讨论】:

  • 这不是问题,甚至不是问题描述。你有什么问题 ?您对我们有什么期待?迄今为止你尝试过什么?
  • 当分辨率变低时我需要更改所有表格(比如从手机打开)

标签: html css responsive-design width


【解决方案1】:

您可以呈现两张表格...一张在您的 3 列布局中,一张在您的移动布局中。根据您的屏幕尺寸,您可以通过媒体查询显示第一个并隐藏第二个。这不是最好的解决方案,但它有效:)

根据屏幕大小重新设计表格有点棘手!

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

【讨论】:

    猜你喜欢
    • 2022-11-07
    • 1970-01-01
    • 2012-03-04
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-06-28
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多