页面适配处理方法、装置、设备和存储介质制造方法及图纸

技术编号:40593027 阅读:20 留言:0更新日期:2024-03-12 21:54
本申请涉及一种页面适配处理方法、装置、设备和存储介质,该方法包括:获取预先设定的基准尺寸信息,其中,所述基准尺寸信息是根据不同终端设备的屏幕尺寸预先设定的一组基准页面的尺寸信息;基于所述基准尺寸信息,计算页面中各个元素的相对尺寸信息;加载当前浏览器页面,基于所述相对尺寸信息在所述当前页面中显示各个元素。本申请可以有效地解决不同终端设备上网页显示效果不一致的问题,提高了用户的体验和网站的使用效果。

【技术实现步骤摘要】

本申请涉及移动互联网,特别是涉及一种页面适配处理方法、装置、设备和存储介质


技术介绍

1、随着移动互联网的快速发展,越来越多的用户开始使用手机、平板电脑等移动设备进行网页浏览。然而,由于不同的移动终端设备的屏幕尺寸、分辨率、操作系统等因素的不同,导致网页在不同终端设备上的显示效果存在差异,甚至出现错位、变形等问题,影响了用户的体验和网站的使用效果。

2、目前,已经有一些解决方案,如响应式设计、自适应设计等,但这些方案存在一些缺陷,如响应式设计需要在不同屏幕尺寸下重新布局,增加了前端开发的工作量;自适应设计需要针对不同终端设备编写不同的代码,维护成本高。因此,需要一种更加高效、简便的多端页面适配兼容处理方案,以解决以上问题。


技术实现思路

1、基于此,本申请提供了一种页面适配处理方法、装置、设备和存储介质,以解决现有技术中存在的问题。

2、第一方面,提供一种页面适配处理方法,该方法包括:

3、获取预先设定的基准尺寸信息,其中,所述基准尺寸信息是根据不同终端设备的屏幕尺寸预先本文档来自技高网...

【技术保护点】

1.一种页面适配处理方法,其特征在于,该方法包括:

2.根据权利要求1所述的页面适配处理方法,其特征在于,所述基于所述基准尺寸信息,计算页面中各个元素的相对尺寸信息,包括:

3.根据权利要求2所述的页面适配处理方法,其特征在于,所述基于所述相对尺寸信息在所述当前页面中显示各个元素,包括:

4.根据权利要求1所述的页面适配处理方法,其特征在于,在加载当前浏览器页面,基于所述相对尺寸信息在所述当前页面中显示各个元素之前,还包括:

5.根据权利要求1所述的页面适配处理方法,其特征在于,所述基准尺寸信息,包括:基准页面的宽度为750px。

<...

【技术特征摘要】

1.一种页面适配处理方法,其特征在于,该方法包括:

2.根据权利要求1所述的页面适配处理方法,其特征在于,所述基于所述基准尺寸信息,计算页面中各个元素的相对尺寸信息,包括:

3.根据权利要求2所述的页面适配处理方法,其特征在于,所述基于所述相对尺寸信息在所述当前页面中显示各个元素,包括:

4.根据权利要求1所述的页面适配处理方法,其特征在于,在加载当前浏览器页面,基于所述相对尺寸信息在所述当前页面中显示各个元素之前,还包括:

5.根据权利要求1所述的页面适配处理方法,其特征在于,所述基准尺寸...

【专利技术属性】
技术研发人员:于志杰
申请(专利权)人:北京白龙马云行科技有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1