[发明专利]WEB界面自适应不同分辨率屏幕方法、装置、设备和介质在审
申请号: | 202211155214.7 | 申请日: | 2022-09-22 |
公开(公告)号: | CN115658194A | 公开(公告)日: | 2023-01-31 |
发明(设计)人: | 刘平 | 申请(专利权)人: | 摩尔元数(福建)科技有限公司 |
主分类号: | G06F9/451 | 分类号: | G06F9/451;G06F8/38 |
代理公司: | 福州市京华专利代理事务所(普通合伙) 35212 | 代理人: | 王美花 |
地址: | 350100 福建省福州市福州高*** | 国省代码: | 福建;35 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | 本发明提供一种WEB界面自适应不同分辨率屏幕方法、装置、设备和介质,方法包括:在初始化界面时默认整个界面body的宽度跟高度作为基线宽度分辨率Wj和基线高度分辨率Hj,并计算基线宽高固定比Rj=Wj/Hj;监听浏览器的分辨率,若浏览器的分辨率发生变化,则获取浏览器变化后的实际宽度分辨率Ws和实际高度分辨率Hs,计算实际宽高比Rs=Ws/Hs,将所述实际宽高比Rs和所述基线宽高固定比Rj进行比较,并计算缩放比例scale;设置容器的属性样式transform=scale,对容器进行缩放;判断容器缩放后是否引起页面的宽度留白,若是,则将容器的最后宽度W设置为W=Ws/scale,再次对容器的宽度拉伸至W。本发明通过页面实际宽高与设备屏幕的宽高的比例来重新构建界面,以实现不同分辨率屏幕的自适应功能。 | ||
搜索关键词: | web 界面 自适应 不同 分辨率 屏幕 方法 装置 设备 介质 | ||
【主权项】:
暂无信息
下载完整专利技术内容需要扣除积分,VIP会员可以免费下载。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于摩尔元数(福建)科技有限公司,未经摩尔元数(福建)科技有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/patent/202211155214.7/,转载请声明来源钻瓜专利网。