首页 专利交易 科技果 科技人才 科技服务 国际服务 商标交易 会员权益 IP管家助手 需求市场 关于龙图腾
 /  免费注册
到顶部 到底部
清空 搜索

一种基于VW特性的页面自适应布局方法 

买专利卖专利找龙图腾,真高效! 查专利查商标用IPTOP,全免费!专利年费监控用IP管家,真方便!

申请/专利权人:珍岛信息技术(上海)股份有限公司

摘要:本发明公开了一种基于VW特性的页面自适应布局方法,涉及网页布局技术领域,包括:测量设计图的总宽度,设定好在设计图宽度下根元素font‑size的大小;计算并把根元素font‑size大小的设定值转换成vw;其中,vw是视窗宽度,100vw等于设计图的总宽度;给根元素html设置font‑size属性,属性值为上述计算的转换值;参照根元素font‑size的属性值大小来设置非根元素大小的属性单位为rem;其中根元素font‑size的属性值大小等于1rem;其他元素调用rem,能统一根据这个适配比例进行调整;开发成本低,一套css样式适配各种屏幕,自适应效果好,有效提高页面开发效率。

主权项:1.一种基于VW特性的页面自适应布局方法,其特征在于,包括:步骤一:测量设计图的总宽度,设定好在设计图宽度下根元素font-size的大小;步骤二:计算并把根元素font-size大小的设定值转换成vw;步骤三:给根元素html设置font-size属性,属性值为步骤二中计算的转换值;步骤四:参照根元素font-size的属性值大小来设置非根元素大小的属性单位为rem;其中根元素font-size的属性值大小等于1rem;步骤五:布局结束后,将设计图总宽度、根元素font-size的设定大小以及布局时长进行融合形成设计图布局事件记录,并将设计图布局事件记录打上时间戳存储至数据库。

全文数据:

权利要求:

百度查询: 珍岛信息技术(上海)股份有限公司 一种基于VW特性的页面自适应布局方法

免责声明
1、本报告根据公开、合法渠道获得相关数据和信息,力求客观、公正,但并不保证数据的最终完整性和准确性。
2、报告中的分析和结论仅反映本公司于发布本报告当日的职业理解,仅供参考使用,不能作为本公司承担任何法律责任的依据或者凭证。