[发明专利]一种网页自适应布局方法、服务器及计算机可读存储介质在审

专利信息
申请号: 201910975459.6 申请日: 2019-10-11
公开(公告)号: CN110837617A 公开(公告)日: 2020-02-25
发明(设计)人: 刘志凯;孔祥成;姜凯英 申请(专利权)人: 平安科技(深圳)有限公司
主分类号: G06F16/958 分类号: G06F16/958;G06F16/957;G06F9/451
代理公司: 深圳市沃德知识产权代理事务所(普通合伙) 44347 代理人: 高杰;于志光
地址: 518000 广东省深圳市福田区福*** 国省代码: 广东;44
权利要求书: 查看更多 说明书: 查看更多
摘要: 发明涉及Web前端开发领域,揭露了一种网页自适应布局方法,该方法包括:将rem设置为CSS中元素width,height,margin,padding,left top属性的单位;当网页打开时,根据屏幕大小调整HTML元素的font‑size值,使得body中元素的属性值随font‑size值同步调整;计算设计稿宽高比和终端屏幕宽高比,并对比设计稿宽高比和终端屏幕宽高比得到对比结果;根据对比结果优化body中元素的属性值,得到body中元素的优化后属性值;根据所述body中元素的优化后属性值生成优化页面。这样,通过上述方案可直接根据设计稿的尺寸转换成代码尺寸,只需要将终端宽度或高度作为判断基准,即可使页面的所有元素自动调整到合适的大小,页面上所有内容的布局与设计稿布局相同,完整还原设计搞比例。
搜索关键词: 一种 网页 自适应 布局 方法 服务器 计算机 可读 存储 介质
【主权项】:
暂无信息
下载完整专利技术内容需要扣除积分,VIP会员可以免费下载。

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

本文链接:http://www.vipzhuanli.com/patent/201910975459.6/,转载请声明来源钻瓜专利网。

×

专利文献下载

说明:

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

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

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

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

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

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

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

钻瓜专利网在线咨询

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

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