CN119622134A 基于浏览器视口的移动端多尺寸网页适配展示方法 （上海童泰信息科技有限公司）.docxVIP

(19)国家知识产权局

(12)发明专利申请

(10)申请公布号CN119622134A

(43)申请公布日2025.03.14

(21)申请号202411692528.X

(22)申请日2024.11.25

(71)申请人上海童泰信息科技有限公司

地址201100上海市闵行区紫星路588号2

幢4124室

(72)发明人陈永超

(74)专利代理机构合肥彦谦知识产权代理事务所(普通合伙)34255

专利代理师朱亚娜

(51)Int.Cl.

G06F16/957(2019.01)

G06F3/0483(2013.01)

权利要求书2页说明书7页附图1页

(54)发明名称

基于浏览器视口的移动端多尺寸网页适配

展示方法

(57)摘要

CN119622134A本发明公开了基于浏览器视口的移动端多尺寸网页适配展示方法，属于浏览器领域，包括以下步骤：首先选择以iPhoneX(375px宽度)作为基准视口尺寸。接着，通过当前设备视口宽度与基准视口宽度的比例计算出一个缩放因子，动态调整网页内容。然后，使用该缩放因子对页面根元素进行缩放。为了适应不同设备的屏幕宽度和分辨率，设置断点，在较窄的设备上应用紧凑布局，在较宽的设备上保留更多的空白和间距。最后，实时重新计算缩放比例并更新页面。有益效果包括通过动态计算缩放因子、实时调整页面布局以及根据设备断点