移动端网页 rem css书写

时间:2023-03-08 15:15:44
移动端网页 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。