一次开发多端部署关键问题为了实现“一多”的目标，需要解决如下三个基础问题： 页面如何适配 不同设备间的屏幕尺寸、色彩风格等存在差异，页面如何适配。 功能如何兼容 不同设备的系统能力有差异，如智能穿戴设备是否具备定位能力、智慧屏是否具备摄像头等，功能如何兼容。 工程如何组织 如何实现一套代码同时能部署到多种不同设备上，代码工程如何组织。 关键问题解决思路针对“一多”提出的三个基础问题，可以从界面级、功能级、工程级三个维度给出相关问题的解决思路： 界面级一多页面级一多需要考虑不同设备间的屏幕尺寸、色彩风格等存在差异，页面如何适配。可以从布局能力、资源使用、交互归一几个方面去考虑。 布局能力布局可以分为自适应布局和响应式布局，二者的介绍如下表所示： 名称 简介 自适应布局 外部容器大小发生变化时，元素根据相对关系自动适应外部容器变化布局能力。自适应布局能力有7种：拉伸、均分、占比、缩放、延伸、隐藏、折行。 响应式布局 外部容器大小发生变化时，元素可以根据断点、栅格、媒体查询来适应外部容器变化布局能力。响应式布局能力有3种：断点、媒体查询、栅格布局。 自适应布局 ...