移動端網頁 rem css書寫

移動端網頁書寫

 

css樣式：

@charset "utf-8";
body,html{
font-family: "微軟雅黑";
font-size:100px;
font-size: calc(100vw/7.2);//根據設計稿設置本身的寬度，對應比例
/*設計稿爲720px寬度*/
}

在網頁的頭部書寫如下內容：

<meta name="viewport" content="initial-scale=1.0,width=device-width" />

使用單位：

rem

字體規則：

有些手機對於375px來講，字體最小應該是12px。因此設計稿若是爲750px，字體最小不該小於24px。