前端 适用场景 1. 不适用场景 复杂的布局 2. 适用的场景 简单的布局 如文档类型的,功能性比较弱的 梗概: 对于不同的屏幕大小,UI元素会进行对应的缩放 不强调布局,而是强调大小 保持比例 方案: 必做项 设置viewport 普通元素的布局 弹性布局⭐ 既可以影响排列数量,也可以影响元素的缩放 use::rem与vw实现移动端响应式缩放⭐ use::媒体查询实现响应式布局 use::百分比实现响应式布局 响应式图片 child::图片大小自适应 示例 没有响应式 响应式