固定与流体与弹性布局与响应布局之间的差异是什么？
PCA*_*PCA 0 html css layout css-float fluid-layout
能否详细说明我之间的区别
固定与流体与弹性布局对比响应布局
我将尝试用"响应式网页设计 - A. Ertel,K.Laborenz - Galileo Computing"一书来解读
固定布局
布局,其尺寸以像素表示,因此无法适应不同的屏幕尺寸或分辨率.如果屏幕太小,将显示滚动条.
流体和弹性布局
流体布局以视口的百分比定义.当窗口大小改变时,布局的尺寸相应地改变.文字和图片保持其大小.
固定布局和流体布局之间的混合形式是弹性布局.元素宽度以em表示,这取决于字体大小.因此,当窗口大小更改时,布局不会更改,而是在字体大小更改时更改.原则上,大多数浏览器通过Page Zoom(CTRL + Mousewheel)提供的行为.
自适应布局
自适应布局原则上是固定版本,其存在于多个版本中.根据可用的屏幕尺寸,它会"跳过"这些版本.在断点之间,它表现为固定布局.
响应式布局
响应式布局结合了流体的属性和自适应布局.它在"断点"上发生了很大变化,此外它也像这些断点之间的流畅布局一样延伸.它还允许内容扩展,即图片适应可用空间.
