【问题标题】:Difference between Fluid and Fluid Grid design CSS流体和流体网格设计 CSS 的区别
【发布时间】:2012-12-03 07:41:58
【问题描述】:

我无法确定流体和流体网格设计之间的区别。可以说,流体布局中的任何元素都将共享一个最小公分母,因此任何布局肯定都是基于 LCD 的网格。

【问题讨论】:

  • 对于我的评论问题,而不是我删除该问题其他用户删除答案......所以剩下的部分就是我有多愚蠢.....lol
  • idk 但可能会有所帮助 主要区别在于流体布局基于按比例布局您的网站,因此元素在不同屏幕尺寸上占用相同百分比的空间,而响应式设计使用 CSS 媒体查询来呈现基于屏幕尺寸/屏幕类型的不同布局。对于这两种设计的一些示例,

标签: css layout grid


【解决方案1】:

基于网格的布局基于使用预定义的“列”来设置页面上元素的宽度。

您可能知道,流畅的布局是会根据浏览器宽度成比例调整的。这仍然适用于流体网格系统,具有也使用列的附加优势。

网格布局比标准(或非网格)布局具有更多优势:

  • 设计一致性
  • 快速、简单的布局开发
  • 鼓励不同页面元素之间的关联性和一致性
  • 有助于产生视觉平衡的布局
  • 通常在设置列数、间距等方面具有灵活性。

流体网格系统只是一个具有流体样式的网格系统(列宽是成比例的,而不是固定的)。

如果您还没有使用基于网格的布局,那么我绝对可以推荐使用它们!

给你一些参考:

【讨论】:

    猜你喜欢
    • 2014-05-27
    • 2014-05-15
    • 2023-03-30
    • 2012-01-12
    • 2011-10-03
    • 2021-07-18
    • 1970-01-01
    • 2014-06-22
    • 2020-03-01
    相关资源
    最近更新 更多