[发明专利]页面适配方法、装置、设备和存储介质在审

专利信息
申请号: 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中任一项所述的方法的步骤。

下载完整专利技术内容需要扣除积分,VIP会员可以免费下载。

该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于浙江数链科技有限公司,未经浙江数链科技有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服

本文链接:http://www.vipzhuanli.com/pat/books/201910314570.0/1.html,转载请声明来源钻瓜专利网。

×

专利文献下载

说明:

1、专利原文基于中国国家知识产权局专利说明书;

2、支持发明专利 、实用新型专利、外观设计专利(升级中);

3、专利数据每周两次同步更新,支持Adobe PDF格式;

4、内容包括专利技术的结构示意图流程工艺图技术构造图

5、已全新升级为极速版,下载速度显著提升!欢迎使用!

请您登陆后,进行下载,点击【登陆】 【注册】

关于我们 寻求报道 投稿须知 广告合作 版权声明 网站地图 友情链接 企业标识 联系我们

钻瓜专利网在线咨询

周一至周五 9:00-18:00

咨询在线客服咨询在线客服
tel code back_top