[发明专利]页面适配方法、装置、设备和存储介质在审
申请号: | 201910314570.0 | 申请日: | 2019-04-18 |
公开(公告)号: | CN110147230A | 公开(公告)日: | 2019-08-20 |
发明(设计)人: | 王海艳;贺青;王丽波;张耀 | 申请(专利权)人: | 浙江数链科技有限公司 |
主分类号: | G06F8/38 | 分类号: | G06F8/38 |
代理公司: | 杭州华进联浙知识产权代理有限公司 33250 | 代理人: | 舒丁 |
地址: | 311215 浙*** | 国省代码: | 浙江;33 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 用户设备 页面 适配 屏幕分辨率 存储介质 页面布局 页面设计 缩放 像素 相关参数 终端屏幕 配页 屏幕 灵活 申请 | ||
1.一种页面适配方法,其特征在于,所述方法包括:
获取页面设计文件,获取用户设备的设备像素比和屏幕分辨率;
根据所述设备像素比确定所述用户设备的页面缩放比值;
根据所述屏幕分辨率确定所述用户设备的页面布局基准值;
按照所述页面缩放比值和所述页面布局基准值,生成所述页面设计文件在所述用户设备上对应的适配页面。
2.根据权利要求1所述的方法,其特征在于,所述获取用户设备的设备像素比和屏幕分辨率的步骤,包括:
获取所述用户设备的设备独立像素和设备像素比;
依据所述设备独立像素和所述设备像素比,计算所述屏幕分辨率。
3.根据权利要求1所述的方法,其特征在于,所述根据所述设备像素比确定所述用户设备的页面缩放比值的步骤,包括:
根据所述设备像素比的反比例函数值确定所述页面缩放比值。
4.根据权利要求3所述的方法,其特征在于,所述生成所述页面设计文件在所述用户设备上对应的适配页面的步骤,包括:
将所述适配页面的元数据meta标签中的缩放比值配置为所述页面缩放比值,并将所述meta标签中的布局宽度配置为所述用户设备的屏幕宽度。
5.根据权利要求1所述的方法,其特征在于,所述生成所述页面设计文件在所述用户设备上对应的适配页面的步骤,包括:
当所述页面设计文件上页面元素的类型为图像类型时,查询在所述设备像素比下所述页面元素对应的尺寸要求;
从预设的图像库中获取图像尺寸满足所述尺寸要求的所述页面元素,并将满足所述尺寸要求的所述页面元素加载至所述适配页面。
6.根据权利要求1所述的方法,其特征在于,所述生成所述页面设计文件在所述用户设备上对应的适配页面的步骤,包括:
当所述页面设计文件上页面元素的类型为文字类型时,查询所述页面元素的字体大小在所述设备像素比下对应的网页字体大小,按照所述网页字体大小调整所述页面元素在所述适配页面上的字体大小。
7.根据权利要求1所述的方法,其特征在于,所述生成所述页面设计文件在所述用户设备上对应的适配页面的步骤,包括:
当所述页面设计文件上页面元素的类型不为图像类型或文字类型时,根据所述页面布局基准值和所述页面设计文件上页面元素的像素值,计算所述页面元素的rem值;
按照所述页面元素的rem值对所述页面元素进行布局。
8.一种页面适配装置,其特征在于,所述装置包括:
数据获取模块,用于获取页面设计文件,获取用户设备的设备像素比和屏幕分辨率;
缩放比值确定模块,用于根据所述设备像素比确定所述用户设备的页面缩放比值;
基准值确定模块,用于根据所述屏幕分辨率计算所述用户设备的页面布局基准值;以及
页面生成模块,用于按照所述页面缩放比值和所述页面布局基准值,生成所述页面设计文件在所述用户设备上对应的适配页面。
9.一种计算机设备,包括存储器和处理器,所述存储器存储有计算机程序,其特征在于,所述处理器执行所述计算机程序时实现权利要求1至7中任一项所述方法的步骤。
10.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现权利要求1至7中任一项所述的方法的步骤。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于浙江数链科技有限公司,未经浙江数链科技有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/201910314570.0/1.html,转载请声明来源钻瓜专利网。
- 上一篇:流程引擎系统、业务处理方法及装置
- 下一篇:组合特效生成方法、装置及存储介质