页面适配方法、电子设备、计算机可读存储介质组成比例

本发明专利技术实施例涉及计算机技术领域，公开了一种页面适配方法、电子设备、计算机可读存储介质。上述页面适配方法包括：获取终端的屏幕尺寸；根据所述屏幕尺寸确定与待显示页面适配的适配尺寸；其中，所述待显示页面为在所述终端的屏幕上待显示的页面；根据所述适配尺寸，确定所述待显示页面的根元素的字体大小；根据所述根元素的字体大小，显示所述待显示的页面。本发明专利技术实施例提供的方案可以兼容不同屏幕尺寸的终端，避免重复开发，减少资源的投入，提高工作效率。

【技术实现步骤摘要】
页面适配方法、电子设备、计算机可读存储介质
本专利技术实施例涉及计算机
，特别涉及一种页面适配方法、电子设备、计算机可读存储介质。
技术介绍
随着公众对手机等移动设备外观需求的提高，市面上发行的不同系统、不同设备终端的屏幕多种多样，屏幕的大小也各有不同。为了用户能够正常地打开需要浏览的页面，需要超级文本标记语言((HyperTextMark-upLanguage，简称：HTML)页面对各种设备屏幕进行适配。目前的适配方案包括基于媒体查询更改页面布局的技术、基于rem的Flexible技术。专利技术人发现现有技术中至少存在如下问题：由于开发人员基于的设计稿尺寸不同，当用户设备需要打开一个以非本设备尺寸为基础设计稿的页面时，无论是基于媒体查询更改页面布局的技术，还是基于rem的Flexible技术，在对大屏幕设备进行页面适配时，都需要重新编写开发程序来配置适配系统，现有的适配系统不能友好地兼容不同屏幕尺寸的设备。这些方式没有统一的规则、规范，特别是基于媒体查询更改页面布局的技术，程序开发冗余且复杂，存在重复开发的现象，需反复投入资源，本文档来自技高网...

【技术保护点】
1.一种页面适配的方法，其特征在于，包括：/n获取终端的屏幕尺寸；/n根据所述屏幕尺寸确定与待显示页面适配的适配尺寸；其中，所述待显示页面为在所述终端的屏幕上待显示的页面；/n根据所述适配尺寸，确定所述待显示页面的根元素的字体大小；/n根据所述根元素的字体大小，显示所述待显示页面。/n

【技术特征摘要】
1.一种页面适配的方法，其特征在于，包括：
获取终端的屏幕尺寸；
根据所述屏幕尺寸确定与待显示页面适配的适配尺寸；其中，所述待显示页面为在所述终端的屏幕上待显示的页面；
根据所述适配尺寸，确定所述待显示页面的根元素的字体大小；
根据所述根元素的字体大小，显示所述待显示页面。


2.根据权利要求1所述的页面适配的方法，其特征在于，所述根据所述屏幕尺寸确定与待显示页面适配的适配尺寸，包括：
若所述屏幕尺寸大于预设尺寸，根据所述屏幕尺寸和所述预设尺寸确定尺寸调整量；
根据所述尺寸调整量和预设的调整系数，计算所述与待显示页面适配的适配尺寸。


3.根据权利要求2所述的页面适配的方法，其特征在于，通过以下公式计算所述与待显示页面适配的适配尺寸：
c＝w+(w-p)×a
其中，w-p为所述尺寸调整量，w为所述屏幕尺寸，p为所述预设尺寸，a为所述预设的调整系数，c为所述与待显示页面适配的适配尺寸。


4.根据权利要求1所述的页面适配的方法，其特征在于，所述根据所述屏幕尺寸确定与待显示页面适配的适配尺寸，包括：
若所述屏幕尺寸小于或等于预设尺寸，将所述屏幕尺寸作为所述与待显示页面适配的适配尺寸。


5.根据权利要求1所述的页面适配的方法，其特征在于，所述根据所述适配尺寸，确定所述待显示页面的根元素的字体大小，包括：
获取所述待显示页面的设计稿的逻辑分辨率；
根据所述待显示页面的设计稿的逻辑分辨率和所述适配尺寸，确定根元素的字体适配比例；
根据所述字体适配比例，确定所述待显示页面的根元素的字体大小。


6....

【专利技术属性】
技术研发人员：冯慧君，张渊，程哲欣，董益洲，赵文涛，
申请(专利权)人：中移杭州信息技术有限公司，中国移动通信集团有限公司，
类型：发明
国别省市：浙江;33