0

抱歉问,因为我讨厌问问题,但有时这是最后的手段。

我在这里拉头发,周末我已经阅读了数百页,只是无法理解如何实现这一目标。

我想要一个简单的 4 列“主页”登陆页面,用于桌面和 ipad(子页面将恢复为 2 列 - 内容和侧边栏)。当用户继续使用 iPhone 时,我希望用户看到 2 列。

我已经设法让 iphone 使用网格系统显示 4 列的缩小版本,或者我已经设法让它显示 1 列,这对我都没有帮助。

如果它有帮助,我附上了我正在努力实现的目标的图片,但如果有人在这个领域有一些经验,我会非常感激,因为我无法弄清楚它是否能指出我正确的方向。

我正在使用 wordpress 进行开发,并尝试了引导程序、响应式主题和骨骼,并获得了相同的结果。每个都使用响应式流体网格。我可能会在错误的树上吠叫,但如果有人能指出我正确的方向,我将不胜感激。

我正在努力实现的示例

4

2 回答 2

1

您需要根据屏幕大小/设备宽度使用 CSS 媒体查询。

这将允许您的 CSS 设置每个设备上列的宽度...

http://www.htmlgoodies.com/beyond/css/introduction-to-css-media-queries.html

于 2013-05-28T10:37:12.780 回答
0

当前版本的 Adob​​e Dreamweaver 现在还支持所谓的“流体网格布局”,这类问题值得一看。它们对于快速解决设备间布局问题也非常有帮助。您可以在一个界面中轻松设计移动设备、平板电脑和桌面设备!

于 2015-06-16T20:16:26.357 回答