移动端网页书写
2018-12-24 09:03:11来源：博客园 阅读 ()
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三列布局的多种表现形式
- 使用 Apache SSI(Server Side Includes) 制作多语言版静态网 2020-06-01
- 网页搜索框里显示字段鼠标点击后就隐藏的方法 2020-05-29
- 【2020Python修炼记】前端开发之 网页设计超级酷炫小技巧 2020-05-14
- HTML连载81-CSS书写格式、一个手机页面的基本结构 2020-04-09
- 使用css将网页变成黑白色 2020-04-04
IDC资讯： 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营： 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程： Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术： Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧： 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作： FrontPages Dreamweaver Javascript css photoshop fireworks Flash
