H5C3 第六天 了解移动端开发

移动平台分类

• 苹果ios

• 安卓Android

• 黑莓BlackBerry

• 塞班系统

• 鸿蒙HarmonyOS

• 移动开发有哪些方式 ？

• Native App：本地应用程序（原生App）

• Web App：网页应用程序（移动web）

• Hybrid App：混合应用程序（混合App）

混合开发的优缺点：

优点是：

1、开发效率高，节约时间同一套代码Android和IOS基本都可用

2、更新和部署比较方便，不需要每次升级都要上传到App Store进行审核了，只需要在服务器端升级就可以

3、代码维护方便、版本更新快，降低产品成本

缺点是：

1、由于不能直接操控硬件有些方面性能不是很好

2、 另外有技术比较新版本的兼容性比较差，还有就是即懂原生开发又懂H5开发的高端人才难找。

移动端常见布局

移动端单独制作

• 流式布局（百分比布局）

  • 流式布局，就是百分比布局，也称非固定像素布局。

  • 通过盒子的宽度设置成百分比来根据屏幕的宽度来进行伸缩，不受固定像素的限制，内容向两侧填充。

  • 流式布局方式是移动web开发使用的比较常见的布局方式。

• flex 弹性布局（强烈推荐）

• less+rem+媒体查询布局

• 混合布局

响应式

• 媒体查询

• bootstarp

布局视口、视觉视口、理想视口

rem(重点)

rem (root em)是一个相对单位，类似于em，em是父元素字体大小。

不同的是rem的基准是相对于html元素的字体大小。

rem的优势：父元素文字大小可能不一致， 但是整个页面只有一个html，可以很好来控制整个页面的元素大小。