響應(yīng)式布局
<link rel="stylesheet" href="css1.css" media="screen and (min-width:800px)"/>
<link rel="stylesheet" href="css2.css" media="screen and (min-width:600px) and (max-width:800px)"/>
<link rel="stylesheet" href="css3.css" media="screen and (max-width:400px)"/>
橫屏portrait豎屏landscape
<link rel="stylesheet" href="css3.css" media="screen and (orientation:portrait)"/>
<link rel="stylesheet" href="css1.css" media="screen and (orientation:landscape)"/>
行內(nèi)樣式
@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 欄目列數(shù)
column-gap 欄目距離
column-rule 欄目間隔線
