这段时间做了几个移动项目的前端页面，姑且称之webapp。做这几个项目之前根本没接触过移动端的相关知识，以为和PC端页面没啥区别无非就是尺寸小一点罢了。上手以后发现问题颇多。下面从框架、相关知识点、遇到的问题、解决办法，以及依旧存在的困惑进行总结。因为刚接触1个多月时间，多处不足 ...
这段时间做了几个移动项目的前端页面，姑且称之webapp。做这几个项目之前根本没接触过移动端的相关知识，以为和PC端页面没啥区别无非就是尺寸小一点罢了。上手以后发现问题颇多。下面从框架、相关知识点、遇到的问题、解决办法，以及依旧存在的困惑进行总结。因为刚接触1个多月时间，多处不足，希望各位大神能为我解惑，拜谢~~
一、框架
框架：Bootstrap+HTML5 Boilerplate。
两个框架整合到一起可以看一下这位大神的文章：《使用 Bootstrap 和 HTML5 Boilerplate 开始一个项目》。
二、相关知识点
1.Meta标签
控制显示区域(在PC端也会用到)：
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
- width – viewport(视区)的宽度
- height – viewport的高度
- initial-scale – 初始的缩放比例
- minimum-scale – 允许用户缩放到的最小比例
- maximum-scale – 允许用户缩放到的最大比例
- user-scalable – 用户是否可以手动缩放
IOS中Safari允许全屏浏览：
<meta content="yes" name="apple-mobile-web-app-capable">
海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com
原标题：移动web前端小结（一）
关键词：Web前端
*特别声明：以上内容来自于网络收集，著作权属原作者所有，如有侵权，请联系我们：
admin#shaoqun.com
（#换成@）。
