- 流式布局也叫百分比布局
- flex布局也叫弹性布局
- Less+rem+媒体查询布局，实际用
flexible.js+rem居多 - 响应式布局也就是利用
bootstrap - 混合布局,可以根据不同的组件需求 ,做出相应的 布局方式 ,并不局限在哪一种 ,例如我们全局使用rem适配 ,部分盒子照样用flex布局 可以混用,并不影响.(同上rem里面运用了flex)
移动端常见的布局方式有以下几种：
-
响应式布局（Responsive Layout）：根据不同的屏幕尺寸和设备类型，动态调整页面布局和元素大小，以适应不同的屏幕大小和分辨率。
-
流式布局（Fluid Layout）：使用百分比来定义元素的宽度，使其能够根据屏幕大小自动调整，适应不同的屏幕尺寸。
-
固定布局（Fixed Layout）：使用固定的像素值来定义元素的宽度和高度，无论屏幕尺寸如何变化，元素的大小都保持不变。
-
栅格布局（Grid Layout）：使用网格系统将页面划分为多个列和行，通过设定元素所占的列数和行数，来实现灵活的布局。
-
弹性盒子布局（Flexbox Layout）：使用CSS弹性盒子模型，通过设置容器和子元素的属性，以实现灵活的布局和对齐方式。
-
绝对定位布局（Absolute Positioning）：使用绝对定位来确定元素的位置，通常结合相对定位的父元素来实现。
-
瀑布流布局（Masonry Layout）：将元素按照一定的规则排列，使其看起来像瀑布流一样，通常用于展示图片等等。
这些布局方式可以单独使用或者结合使用，具体选择哪种布局方式取决于项目需求和设计要求。
