html - 优化流体网格布局

标签 html css grid responsive-design

我最近刚刚添加了一个网格布局,但我不知道如何使我的链接起作用。我使用的网格是 http://cssgrid.net/ 的 1140 网格。 .我研究了那个网站的源代码,并试图让我的页面像他们的一样,但是当我把所有东西都放进去时,我的情况变得更糟,网格甚至无法工作。这就是我的网站应该看起来的样子 http://spencedesign.netau.net/singaporehome.html 这就是它的作用 http://spencedesign.netau.net/home.html 当你缩小尺寸时,它看起来不像它应该的那样。当您最小化它时,我希望图片(链接)每行两张,然后每行一张,具体取决于页面的大小。我还希望报价在太小时变成不同的行。但我无法弄清楚如何使页面定期看起来正常,更不用说让它在较小的浏览器中看起来不错了。谢谢!

最佳答案

http://goldengridsystem.com/可能有你要找的东西。折叠效果对我有用。

关于html - 优化流体网格布局,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13435542/

相关文章:

html - css布局高度问题与网格布局

html - 具有相等边距的响应式 2 列网格

css - 如何创建网格/平铺 View ?

javascript - 如何从浏览器控制台禁用 JavaScript 函数调用?

javascript - jQuery - slideUp 开始快结束慢?

javascript - 尝试使用 highChart 进行设计,但未显示颜色

html - 嵌套表格宽度问题

html - 液体布局是否仍然相关?

jquery - 减少显示 :none Elements in Responsive Web Design 的加载时间

css - 最佳实践 : nesting the given CSS in Sass