固定与流体与弹性布局与响应布局之间的区别是什么

Question

请您详细说明

之间的区别

固定与流体与弹性布局与响应式布局

Answer 1

我试着解释一下这本书"Responsive Webdesign - A. Ertel, K. Laborenz - Galileo Computing"

  

固定布局

     

布局，其尺寸以像素表示，因此无法适应不同的屏幕尺寸或分辨率。如果屏幕太小，将显示滚动条。   

  

流体＆amp;弹性布局

     

流体布局在视口的百分比中定义。当窗口大小改变时，布局的尺寸相应地改变。文字和图片保持大小。

     

固定布局和流体布局之间的混合形式是弹性布局。元素宽度以 em 表示，这取决于字体大小。因此，当窗口大小更改时，布局不会更改，而是在字体大小更改时更改。原则上它是大多数浏览器通过页面缩放（CTRL +鼠标滚轮）提供的行为。

  

自适应布局

     

自适应布局原则上是固定版本，存在于多个版本中。根据可用的屏幕尺寸，它会跳跃＆＃34;通过这些版本。在断点之间，它表现为固定布局。

  

响应式布局

     

响应式布局结合了流体属性和自适应布局。它在＆＃34;断点＆＃34;此外，它还像这些断点之间的流畅布局一样延伸。它还允许内容扩展，即图片适应可用空间。

     

Answer 2

流畅，弹性和响应布局都是一样的......

仅固定布局是一种布局，您可以在其中将页面宽度固定为给定大小，例如像素......

流体布局宽度为100％，其元素通过屏幕分辨率排列......

响应意味着网页元素通过屏幕分辨率排列......

查看这个流体样本： -

1. Fluid Sample
2. Responsive

参考： - Twitter Bootstrap