css - Fluid 和 Fluid Grid 设计 CSS 的区别

标签 css layout grid

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

最佳答案

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

您可能已经知道,流动布局会根据浏览器宽度按比例调整。这仍然适用于流体网格系统,并且还具有使用列的附加优势。

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

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

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

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

给你一些引用:

关于css - Fluid 和 Fluid Grid 设计 CSS 的区别,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13893355/

相关文章:

java - 当按下 RecyclerView 上的后退按钮时,它会返回主屏幕

grid - Kendo UI Grid 多次触发 CRUD 操作

html - 带有 CSS 问题的 Ruby Nokogiri HTML 抓取表

php - Zend 框架 2 : Set Layout using MvcEvent

HTML 内联 block 布局

python - 为什么 gdal_grid 会使图像上下颠倒?

html - 无法创建引导网格

html - iPad Portrait 的响应式网页设计和媒体查询在调整窗口大小时不显示任何变化

jquery - 如何将同位素元素放在可滚动的 div 中并保留 jquery 悬停状态效果?

jquery - 使用 append 元素作为 "this"- jQuery