移动端网页 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。