[发明专利]一种网页自适应布局方法、服务器及计算机可读存储介质在审
申请号: | 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/,转载请声明来源钻瓜专利网。