屏幕分辨率更改时更改列[关闭]

Posted 2023-03-06

【中文标题】屏幕分辨率更改时更改列[关闭]

【英文标题】：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)

【问题讨论】：

这不是问题，甚至不是问题描述。你有什么问题 ？您对我们有什么期待？迄今为止你尝试过什么？

当分辨率变低时我需要更改所有表格（比如从手机打开）

【参考方案1】：

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

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

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