css响应式布局如何实现

响应式布局指的是同一页面在不同屏幕尺寸下有不同的布局

1. 媒体查询 （@media）
2. 流体布局（float）
3. 弹性布局（flex）
4. 通过 JavaScript、JQuery 进行判断来显示不同的布局页面
5. Bootstrap 等第三方框架
6. element UI 的Layout布局组件，预设了五个响应尺寸：xs、sm、md、lg 和 xl。