响应式布局 是同一页面在不同的屏幕上有不同的布局,即只需要一套代码使页面适应不同的屏幕。
1、百分比布局
width:80%
2、rem布局
rem(font size of the root element)是指相对于根元素的字体大小的单位,rem只是一个相对单位
3、媒体查询 @media screen
4、flex布局
5、vw和vh
1vw相当于视口宽度的1%,1vh相当于视口高度的1%
vmin 指 vw和vh中的较小值,vmax 指 vw和vh中的较大值
响应式布局 是同一页面在不同的屏幕上有不同的布局,即只需要一套代码使页面适应不同的屏幕。
1、百分比布局
width:80%
2、rem布局
rem(font size of the root element)是指相对于根元素的字体大小的单位,rem只是一个相对单位
3、媒体查询 @media screen
4、flex布局
5、vw和vh
1vw相当于视口宽度的1%,1vh相当于视口高度的1%
vmin 指 vw和vh中的较小值,vmax 指 vw和vh中的较大值