浏览器自动适配的网页布局方法和装置
2025-02-21 19:31
No.1342579402550288384
技术概要
PDF全文
本申请涉及一种浏览器自动适配的网页布局方法和装置,所述方法包括:通过层叠样式表为初始元素设置弹性属性,得到具有所述弹性属性的弹性元素;根据所述弹性元素和所述弹性属性进行浏览器渲染,确定每个弹性元素的目标样式以及在浏览器中的尺寸、位置;根据所述弹性元素的目标样式以及在浏览器中的尺寸、位置,进行网页布局。本申请提高浏览器页面布局效率。
背景技术
目前网页设置主要包括以下三种布局方式。1.固定布局(Fixed Layout):网页元素的宽度和高度都被固定,不随浏览器窗口的大小变化而变化,这种布局方式适用于固定宽度的网页,但不适用于响应式布局。2.流式布局(Fluid Layout):页面元素的宽度按照屏幕分辨率进行适配调整,但整体布局不变,这就导致如果屏幕太大或者太小都会导致元素无法正常显示。3.自适应布局(Adaptive Layout):以屏幕尺寸为依据,划分多个预设的布局尺寸,采用媒体查询技术随浏览器窗口大小切换适合的布局,能够适应不同设备的屏幕尺寸,但需要设计多个不同尺寸的预设布局,增加了代码的复杂度,性能比较低。 目前主流采用的网页布局方式为自适应布局,以适应不同设备的屏幕尺寸和窗口大小。但是,这种响应式设计有其局限性,往往需要使用媒体查询或JavaScript脚本来控制元素的尺寸和位置,增加了代码的复杂度,浏览器页面布局效率低下。
实现思路
阅读余下40%
技术概要为部分技术内容,查看PDF获取完整资料
该技术已申请专利,如用于商业用途,请联系技术所有人!
技术研发人员:
柯炉炼
技术所属: 东土科技(宜昌)有限公司.
相关技术
FPGA实现硬件逻辑实时仿真的方法及装置 FPGA实现硬件逻辑实时仿真的方法及装置
基于API和数据库的动态标定方法 基于API和数据库的动态标定方法
一种虚拟机的沙箱引擎更新方法、装置、设备和介质 一种虚拟机的沙箱引擎更新方法、装置、设备和介质
频域响应仿真与测量数据处理方法及装置 频域响应仿真与测量数据处理方法及装置
服务数据节点迁移方法、装置、电子设备及存储介质 服务数据节点迁移方法、装置、电子设备及存储介质
配送控制方法、装置、服务器、智能柜及机器人 配送控制方法、装置、服务器、智能柜及机器人
适用于硬件电路的高精度压缩方法、装置及电子设备 适用于硬件电路的高精度压缩方法、装置及电子设备
融合多源信息的打击目标智能识别方法和系统 融合多源信息的打击目标智能识别方法和系统
水利对象关联关系建立方法 水利对象关联关系建立方法
问题解答方法、装置、介质和电子设备 问题解答方法、装置、介质和电子设备
技术分类
电信、广播电视和卫星传输服务 电信、广播电视和卫星传输服务
互联网软件服务 互联网软件服务
集成电路设计 集成电路设计
信息集成数字服务 信息集成数字服务
电气机械制造 电气机械制造
计算机、通信、电子设备制造 计算机、通信、电子设备制造
医药制造、生物基材料 医药制造、生物基材料
石油煤矿化学用品加工 石油煤矿化学用品加工
化学原料制品加工 化学原料制品加工
非金属矿物加工 非金属矿物加工
金属制品加工 金属制品加工
专用设备制造 专用设备制造
通用设备制造 通用设备制造
通用零部件制造 通用零部件制造
汽车制造业 汽车制造业
铁路、船舶、航天设备制造 铁路、船舶、航天设备制造
电力、热力生产和供应 电力、热力生产和供应
燃气生产和供应 燃气生产和供应
水生产和供应 水生产和供应
房屋建筑、土木工程 房屋建筑、土木工程
交通运输、仓储和邮政 交通运输、仓储和邮政
农、林、牧、渔业 农、林、牧、渔业
采矿业 采矿业
农副、食品加工 农副、食品加工
烟草、酒水加工 烟草、酒水加工
纺织皮具居家制品 纺织皮具居家制品
文教体娱加工 文教体娱加工
苏ICP备18062519号-5 © 2018-2025 【123技术园】 版权所有,并保留所有权利