响应式布局:指当视口的宽度发生变化的时候,页面元素的排列位置也会发生相应的变化。也就是当屏幕的宽度发生变化的时候,设置不同的CSS样式。响应式布局需要在不同的情况下写不同的布局。
常见的响应式布局实现方案有:
1. 媒体查询(最常见)
2. 百分比布局
3. flex布局
自适应布局:指的是当屏幕的大小发生变化的时候,元素的比例,百分比大小发生变化,可以自动的适应不同的屏幕。自适应布局只需要写一套代码
常见的自适应布局实现方案有:
1. rem布局
2. em布局
3. vw vh布局