1、常用的产业布局计划
一般来说产业布局：以画素做为页面的基本上基层单位，无论电子设备萤幕及应用程序长度，只结构设计两套体积；
可转换的一般来说产业布局：反之亦然以画素做为页面基层单位，参照非主流电子设备体积，结构设计三套完全相同长度的产业布局。透过辨识的萤幕体积或应用程序长度，优先选择合适的那套长度产业布局；
灵活性产业布局：以比率做为页面的基本上基层单位，能适应环境很大范围内大部份体积的电子设备萤幕及应用程序长度，并能轻松借助有效率内部空间展现出最差效用；
混和产业布局：同灵活性产业布局类似于，能适应环境很大范围内大部份体积的电子设备萤幕及应用程序长度，并能轻松借助有效率内部空间展现出最差效用；而已混和画素、和比率三种基层单位做为页面基层单位。
产业布局积极响应：对页面展开积极响应式的结构设计同时实现，须要对完全相同文本展开完全相同长度的产业布局结构设计，有三种形式：pc优先优先选择（从pc端已经开始向下结构设计）；
终端优先优先选择（从终端端向下结构设计）；
不论如前所述有种商业模式的结构设计，要相容大部份电子设备，产业布局积极响应时无可避免地须要对组件产业布局做许多变动（出现产业布局出现改变的临界值称作PT5716SB0），
2、积极响应式产业布局计划
（1）组件中文本：抬升－拉（产业布局维持不变）
（2）组件中文本：转义－大块（产业布局维持不变）
（3）组件中文本：删减－增加（产业布局维持不变）
（4）组件位置变换（产业布局出现改变）
（5）组件展示形式出现改变：隐藏－展开（产业布局出现改变）
（6）组件数量出现改变：删减－增加（产业布局出现改变）
3、积极响应式产业布局特点
结构设计特点：
面对完全相同分辨率电子设备灵活性强
能够快捷解决多电子设备显示适应环境问题
缺点：
相容各种电子设备工作量大，效率低下
代码累赘，会出现隐藏无用的元素，加载时间加长
其实这是一种折中性质的结构设计解决计划，多方面因素影响而达不到最差效用
很大程度上出现改变了网站原有的产业布局结构，会出现用户混淆的情况
4.Meta标签的设置
准备工作：设置Meta标签
这段代码的几个参数解释：
width = device-width：长度等于当前电子设备的长度
initial-scale： 初始的缩放比例（默认设置为1.0）
minimum-scale：允许用户缩放到的最小比例（默认设置为1.0）
maximum-scale：允许用户缩放到的最大比例（默认设置为1.0）
user-scalable：用户是否能手动缩放（默认设置为no，因为我们不希望用户放大缩小页面）
H5页面窗口自动调整到电子设备长度，并禁止用户缩放页面忽略将页面中的数字辨识为电话号码忽略Android平台中对邮箱地址的辨识当网站添加到主萤幕快速启动形式，可隐藏地址栏，仅针对ios的safari将网站添加到主萤幕快速启动形式，仅针对ios的safari顶端状态条的样式
编辑：千锋ｗｅｂ前端
