html页⾯纵向⾃适应,HTML⽹页布局：静态、⾃适应、流式、
响应式
静态布局(Static Layout)
即传统Web设计，对于PC设计⼀个Layout，在屏幕宽⾼有调整时，使⽤横向和竖向的滚动条来查阅被遮掩部分；
html横向滚动条样式对于移动设备，单独设计⼀个布局，使⽤不同的域名如wap.或m.。
⾃适应布局(Adaptive Layout)
⾃适应布局(Adaptive)的特点是分别为不同的屏幕分辨率定义布局。布局切换时页⾯元素发⽣改变，但在每个布局中，页⾯元素不随窗⼝⼤⼩的调整发⽣变化。
你可以把⾃适应布局看作是静态布局的⼀个系列。
流式布局(Liquid Layout)
流式布局(Liquid)的特点(也叫"Fluid") 是页⾯元素的宽度按照屏幕进⾏适配调整，主要的问题是如果屏幕
尺度跨度太⼤，
那么在相对其原始设计⽽⾔过⼩或过⼤的屏幕上不能正常显⽰。
响应式布局(Responsive Layout)
分别为不同的屏幕分辨率定义布局，同时，在每个布局中，应⽤流式布局的理念，即页⾯元素宽度随着窗⼝调整⽽⾃动适配。
可以把响应式布局看作是流式布局和⾃适应布局设计理念的融合。
结合上述⽂字描述，再观察如下的页⾯实际效果，应该可以把这⼏个概念搞清楚：

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。