你能详细说明一下两者的区别吗
固定布局与流体布局与弹性布局与响应式布局
问问题
2858 次
2 回答
7
我将尝试解释这本书“响应式网页设计 - A. Ertel, K. Laborenz - Galileo Computing”
固定布局
一种布局，其尺寸以像素表示，因此无法适应不同的屏幕尺寸或分辨率。如果屏幕太小，将显示滚动条。
流体和弹性布局
流体布局以视口的百分比定义。当窗口大小改变时，布局的尺寸也会相应改变。文字和图片保持其大小。
固定布局和流动布局之间的混合形式是弹性布局。元素宽度以em表示，这取决于字体大小。因此，当窗口大小改变时布局不会改变，而是在字体大小改变时改变。原则上，这是大多数浏览器通过页面缩放(CTRL+鼠标滚轮) 提供的行为。
自适应布局
自适应布局原则上是一个固定版本，存在多个版本。根据可用的屏幕尺寸，它会“跳跃”通过这些版本。在断点之间它表现为一个固定的布局。
响应式布局
响应式布局结合了流体和自适应布局的属性。它在“断点”上发生很大变化，此外它还像这些断点之间的流体布局一样延伸。它还允许内容缩放，即图片适应可用空间。
于 2015-09-21T15:05:14.347 回答
0
流体、弹性和响应式布局都是相同的......
只有固定布局是一种布局，您可以在其中将页面宽度固定为给定大小，例如以像素为单位......
流体布局的宽度为 100%，其元素通过屏幕分辨率排列...
响应式意味着网页元素通过屏幕分辨率排列...
看看这个流体样本：-
参考：- Twitter Bootstrap
于 2012-07-14T10:20:22.187 回答