其他分享
首页 > 其他分享> > CSS响应式布局

CSS响应式布局

作者:互联网

响应式布局就是在任何情况下,页面布局效果都不会发生变化,他会根据用户的电脑屏幕,尺寸大小来改变自身的布局。

浏览器窗口,VH和VW,VH 的计算方法就是,将窗口的大小分为100份,vh 的计算方法和 vh 是一样的,一个是计算高,一个是计算宽。

弹性盒子,弹性盒子是CSS3的一种新布局模式,代替浮动使布局更加简便,对齐方式包含了水平方向和垂直方向,弹性项目可以通过css重新排序。

 display: flex; 代替浮动,flex-direction: column; 元素排列,column:是纵向排列,row:横向排列,也是默认,row-reverse:反向排列,flex:进行空间分配,flex-wrap:自动换行,flex-flow:将 flex-direction 和 flex-wrap 两种结合到一起,flex-start:左对齐,flex-end:右对齐,flex-center:居中对齐,

标签:flex,排列,vh,布局,响应,wrap,对齐,CSS
来源: https://www.cnblogs.com/zzm666/p/16057004.html