博客文章

响应式网站的布局方式有哪些?

06月27日

1. 流式布局(Fluid layout):基于百分比的布局方式,依赖于浏览器窗口的大小来适应不同的设备。

2. 弹性布局(Flexible layout):依赖于弹性盒模型(Flexbox)和网格布局(Grid Layout)来自适应布局,可以进行更精细的控制。

3. 自适应布局(Adaptive layout):基于设计师对设备进行分类,并针对每种设备选择不同的布局方式,可以通过媒体查询进行实现。

4. 响应式模板(Responsive templates):使用响应式布局,预置了一系列设备尺寸和排版,方便使用者快速创建。

5. 相对单位布局(Relative unit layout):使用相对单位(例如em、rem和vw/vh)来适应不同设备尺寸。

返回