css3响应式布局

响应式布局

横屏portrait竖屏landscape

行内样式
@media screen and (min-width: 800px){}
@media screen and (min-width: 400px) and (max-width: 800px){}
@media screen and (max-width: 400px){}

Css3分栏布局
column-width 栏目宽度
column-count 栏目列数
column-gap 栏目距离
column-rule 栏目间隔线