css3 day 5.11

视图viewport 允许放大的最大倍数maximum-scale 允许缩小的最小倍数minimum-scale 用户是否能手动缩放user-scalable

弹性盒模型 box-sizing：border-box；.col-1{width：8.33%；} .col-2{width：16.66%；} .col-3{width：25%；} ... .col-12{width：100%；} [class*="col-"]{}

媒体查询 @media only screen and（）{}

显示整个图片background-size：contain 占满整个盒子background-size：cover

flex布局 display：flex；

项目沿主轴排列 flex-direction：row | row-reverse | column | column-reverse

是否允许多行排列 flex-wrap：nowrap | wrap | wrap-reverse

项目在主轴上的对齐方式 justify-content：flex-start | flex-end | center | space-between | space-around | space-evenly

项目在行中的对齐方式align-items：stretch | flex-start | center | flex-end | baseline

多行排列的对齐方式align-content：stretch | flex-start | center | flex-end | space-between | space-around | space-evenly

项目沿主轴的排列顺序order：整数 数越小越前

收缩因子flex-shrink:

扩张因子flex-grow;