響應式web設計之@media screen,手機網頁自適應
欄目分類:html教程 發布日期:2016-03-20 來源: 瀏覽次數:次
@media screen and (max-width: 600px) { *當屏幕尺寸小于600px時,應用下面的CSS樣式* class {background: ccc;}}@media screen and (min-width: 600px) and (max-width: 900px) { *當屏幕尺
@media screen and (max-width: 600px) { /*當屏幕尺寸小于600px時,應用下面的CSS樣式*/
.class {
background: #ccc;
}
}
@media screen and (min-width: 600px) and (max-width: 900px) { /*當屏幕尺寸介于600到900之間時,應用下面的CSS樣式*/
.class {
background: #fff;
}
}
記錄。僅僅記錄一下。
相關熱詞:響應式