[发明专利]用于移动端公共组件的屏幕自适应、兼容性方法以及装置

权利要求书

1.一种用于移动端公共组件的屏幕自适应方法，其特征在于，包括：

采用自适应布局单元，计算公共组件的尺寸，其中，所述自适应布局单元基于HTML5；

判断所述公共组件的尺寸是否兼容当前的屏幕，其中，所述屏幕是指移动端的屏幕；

如果所述公共组件的尺寸兼容当前的屏幕，则采用第二预设尺寸单元；

如果所述公共组件的尺寸不兼容当前的屏幕，则采用第一预设尺寸单元。

2.根据权利要求1所述的屏幕自适应方法，其特征在于，采用自适应布局单元，计算公共组件的尺寸包括：采用自适应布局单元，以第二预设尺寸单元为单位的组件尺寸

X＝screenWidth*componentWidth/designWidth，

其中，X单位为VW，screenWidth为设计文件的宽度，componentWidth为屏幕宽度，designWidth为公共组件的设计宽度。

3.根据权利要求1所述的屏幕自适应方法，其特征在于，判断所述公共组件的尺寸是否兼容当前的屏幕包括：

如果所述公共组件的尺寸兼容当前的屏幕，则采尺寸单位为VW的第二预设尺寸单元，

如果所述公共组件的尺寸不兼容当前的屏幕，则采用尺寸单位为PX的第一预设尺寸单元。

4.根据权利要求1所述的屏幕自适应方法，其特征在于，判断所述公共组件的尺寸是否兼容当前的屏幕之后，还包括：

如果屏幕兼容第二预设尺寸单元，则自适应调节在屏幕的显示尺寸；

如果屏幕不兼容第二预设尺寸单元，则转化为第一预设尺寸单元后保持在屏幕的显示尺寸大小不变。

5.一种用于移动端公共组件的尺寸兼容性检测方法，其特征在于，用于在支持VW尺寸的移动终端上进行兼容性检测，所述方法包括：

采用自适应布局单元，计算公共组件的尺寸，其中，所述自适应布局单元基于HTML5；

判断所述公共组件的尺寸是否自适应当前的屏幕大小；

如果所述公共组件的尺寸不能自适应当前的屏幕大小，则不兼容VW尺寸；

如果所述公共组件的尺寸能自适应当前的屏幕大小，则兼容VW尺寸。

6.一种用于移动端公共组件的屏幕自适应装置，其特征在于，包括：

计算模块，用于采用自适应布局单元，计算公共组件的尺寸，其中，所述自适应布局单元基于HTML5；

判断模块，用于判断所述公共组件的尺寸是否兼容当前的屏幕，其中，所述屏幕是指移动端的屏幕；

第一自适应模块，用于如果所述公共组件的尺寸兼容当前的屏幕，则采用第二预设尺寸单元；

第二自适应模块，用于如果所述公共组件的尺寸不兼容当前的屏幕，则采用第一预设尺寸单元。

7.根据权利要求6所述的用于移动端公共组件的屏幕自适应装置，其特征在于，所述计算模块，用于

采用自适应布局单元，以第二预设尺寸单元为单位的组件尺寸

X＝screenWidth*componentWidth/designWidth，

其中，X单位为VW，screenWidth为设计文件的宽度，componentWidth为屏幕宽度，designWidth为公共组件的设计宽度。

8.根据权利要求6所述的用于移动端公共组件的屏幕自适应装置，其特征在于，所述判断模块，用于

如果所述公共组件的尺寸兼容当前的屏幕，则采尺寸单位为VW的第二预设尺寸单元，

如果所述公共组件的尺寸不兼容当前的屏幕，则采用尺寸单位为PX的第一预设尺寸单元。

9.根据权利要求6所述的用于移动端公共组件的屏幕自适应装置，其特征在于，还包括：调节模块，用于

如果屏幕兼容第二预设尺寸单元，则自适应调节在屏幕的显示尺寸；

如果屏幕不兼容第二预设尺寸单元，则转化为第一预设尺寸单元后保持在屏幕的显示尺寸大小不变。

10.一种用于移动端公共组件的尺寸兼容性检测装置，其特征在于，用于在支持VW尺寸的移动终端上进行兼容性检测，所述装置包括：

组件计算模块，用于采用自适应布局单元，计算公共组件的尺寸，其中，所述自适应布局单元基于HTML5；

屏幕自适应判断模块，用于判断所述公共组件的尺寸是否自适应当前的屏幕大小；

第一检测模块，用于如果所述公共组件的尺寸不能自适应当前的屏幕大小，则不兼容VW尺寸；

第二检测模块，用于如果所述公共组件的尺寸能自适应当前的屏幕大小，则兼容VW尺寸。