響應(yīng)式布局

1.mate

<meta name="viewport" content="width=device-width, initial-scale=1">
//width = device-width 這一句的意思是讓頁面的寬度等于屏幕的寬度。

2.使用 rem
rem 指的是 html 元素的 font-size，html 元素的 font-size 默認(rèn)是 16px，所以 1 rem = 16px；然后根據(jù) rem 來計算各個元素的寬高，然后配合 media query 就可以實(shí)現(xiàn)自適應(yīng)。

  1. media query
//有一個需要注意的點(diǎn)是范圍大的要放在上面，范圍小的放在下面。
@media screen and (max-width: 360px) {  
     html { font-size: 12px;    }
}

參考：css 布局的幾種方式

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。