[发明专利]WEB界面自适应不同分辨率屏幕方法、装置、设备和介质

权利要求书

1.一种WEB界面自适应不同分辨率屏幕方法，其特征在于：包括下述步骤：

S1、在初始化界面过程中时，默认整个界面body的宽度跟高度作为基线宽度分辨率Wj和基线高度分辨率Hj，并计算基线宽高固定比Rj＝Wj/Hj；

S2、监听浏览器的分辨率，若浏览器的分辨率发生变化，则获取浏览器变化后的实际宽度分辨率Ws和实际高度分辨率Hs，计算实际宽高比Rs＝Ws/Hs；

S3、将所述实际宽高比Rs和所述基线宽高固定比Rj进行比较，并计算缩放比例scale；

当Rs≥Rj时，缩放比例scale＝Hs/Hj；

当RsRj时，缩放比例scale＝Ws/Wj；

S4、对属性样式进行赋值，设置容器的属性样式transform＝scale，并以容器的任一点为缩放原点对容器进行缩放；

S5、判断容器缩放后是否引起页面的宽度留白，若是，则将容器的最后宽度W设置为W＝Ws/scale，再次对容器的宽度拉伸至W。

2.根据权利要求1所述的一种WEB界面自适应不同分辨率屏幕方法，其特征在于：还包括：

S6、判断该设备屏幕实际分辨率的比例，如果宽度分辨率Ws小于高度分辨率Hs，则将容器内容进行旋转90度，否则直接显示。

3.根据权利要求2所述的一种WEB界面自适应不同分辨率屏幕方法，其特征在于：所述容器内容是通过css3 rotate进行90度旋转的。

4.根据权利要求1所述的一种WEB界面自适应不同分辨率屏幕方法，其特征在于：所述基线宽度分辨率Wj和所述基线高度分辨率Hj被配置为当前设备屏幕最通用的实际宽度分辨率Ws和实际高度分辨率Hs。

5.一种WEB界面自适应不同分辨率屏幕装置，其特征在于：包括：

初始化模块，用于在初始化界面过程中时，默认整个界面body的宽度跟高度作为基线宽度分辨率Wj和基线高度分辨率Hj，并计算基线宽高固定比Rj＝Wj/Hj；

监听模块，用于监听浏览器的分辨率，若浏览器的分辨率发生变化，则获取浏览器变化后的实际宽度分辨率Ws和实际高度分辨率Hs；

缩放比例计算模块，用于计算实际宽高比Rs＝Ws/Hs，将所述实际宽高比Rs和所述基线宽高固定比Rj进行比较，并计算缩放比例scale；

当Rs≥Rj时，缩放比例scale＝Hs/Hj；

当RsRj时，缩放比例scale＝Ws/Wj；

缩放模块，用于对属性样式进行赋值，设置容器的属性样式transform＝scale，并以容器的任一点为缩放原点对容器进行缩放；

留白处理模块，用于判断容器缩放后是否引起页面的宽度留白，若是，则将容器的最后宽度W设置为W＝Ws/scale，再次对容器的宽度拉伸至W。

6.根据权利要求5所述的一种WEB界面自适应不同分辨率屏幕装置，其特征在于：还包括：

旋转模块，用于判断该设备屏幕实际分辨率的比例，如果宽度分辨率Ws小于高度分辨率Hs，则将容器内容进行旋转90度，否则直接显示。

7.根据权利要求5所述的一种WEB界面自适应不同分辨率屏幕装置，其特征在于：所述旋转模块通过css3 rotate进行90度旋转所述容器内容的。

8.根据权利要求5所述的一种WEB界面自适应不同分辨率屏幕装置，其特征在于：所述基线宽度分辨率Wj和所述基线高度分辨率Hj被配置为当前设备屏幕最通用的实际宽度分辨率Ws和实际高度分辨率Hs。

9.一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述程序时实现如权利要求1至4任一项所述的方法。

10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时实现如权利要求1至4任一项所述的方法。