# 移动开发选择和技术解决方案
# 移动端主流方案
1.单独制作移动端页面（主流）
制作PC端和移动端为两套网站，PC端是PC端的样式，移动端再写一套专门针对移动端适配的一套网站，通过判断设备，如果是移动设备打开，则跳到移动端页面
注意：通常情况下，网址域名前面加 m (mobile)
2.响应式页面兼容移动端（其次）
响应式网站：即pc和移动端共用一套网站，只不过在不同屏幕下，样式会自动适配
# 移动端技术解决方案
(1) 移动端浏览器兼容问题
移动端浏览器基本以 webkit 内核为主，因此我们就考虑webkit兼容性问题
我们可以放心使用 H5 标签和 CSS3 样式
同时我们浏览器的私有前缀我们只需要考虑添加 webkit 即可
(2) 移动端公共样式
移动端 CSS 初始化推荐使用 normalize.css/
Normalize.css：保护了有价值的默认值
Normalize.css：修复了浏览器的bug
Normalize.css：是模块化的
Normalize.css：拥有详细的文档
官网地址： http://necolas.github.io/normalize.css/
# CSS3盒子模型 box-sizing
传统模式宽度计算：width + border + padding（会向外撑大盒子宽度）
语法：
box-sizing: content-box;（默认）CSS3盒子模型：宽度不会再向外撑大盒子，border + padding 向内占据
语法：
box-sizing: border-box;
兼容性：
- 移动端：可以全部CSS3 盒子模型
- PC 端：
- 如需要全部兼容，用传统模式
- 如不考虑兼容性，用 CSS3 盒子模型