移动端网页书写

2018-12-24 09:03:11来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

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。

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:关于html5中的 网页图标问题

下一篇:CSS三列布局的多种表现形式