[发明专利]一种用户设备上HTML网页的适配方法有效
申请号: | 201810142226.3 | 申请日: | 2018-02-11 |
公开(公告)号: | CN108415985B | 公开(公告)日: | 2021-09-03 |
发明(设计)人: | 安宝峰;谢冀华 | 申请(专利权)人: | 西安西点信息技术有限公司 |
主分类号: | G06F16/957 | 分类号: | G06F16/957;G06Q10/10 |
代理公司: | 西安科果果知识产权代理事务所(普通合伙) 61233 | 代理人: | 何锐 |
地址: | 710065 陕西省西安市高新区太*** | 国省代码: | 陕西;61 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | 本发明公开了一种用户设备上HTML网页的适配方法,包括获取HTML table标签,HTML table标签包括一个tr元素,tr元素中包括M个td元素;通过CSS选择器(.mobile‑table tr)将每个tr元素进行适配;通过CSS选择器(.mobile‑table td:nth‑child(2n+1))查找奇数列td元素,并进行适配;通过CSS选择器(.mobile‑table td:nth‑child(2n))查找偶数列td元素,并进行适配;根据HTML table标签元素的布局展示方式,将HTML网页适配后的内容在用户设备上进行显示。本发明开发的工作量小,适配效率高。 | ||
搜索关键词: | 一种 用户 设备 html 网页 配方 | ||
【主权项】:
1.一种用户设备上HTML网页的适配方法,其特征在于:包括:用户设备获取待显示的HTML网页内容;其中,所述HTML网页内容包括HTML table标签,所述HTML table标签包括N个tr元素,且所述tr元素中包括M个td元素,所述N为正整数,所述M为正偶数;通过CSS选择器(.mobile‑table tr)将每个所述tr元素适配为{position:relative;display:block;width:100%;*zoom:1}”;通过CSS选择器(.mobile‑table td:nth‑child(2n+1))查找所述HTML table标签中的奇数列td元素,并将所有的所述奇数列td元素适配为{display:block!important;width:1%~99%!important;float:left;line‑height:1px~1000px;color:#000000~#FFFFFF!important};通过CSS选择器(.mobile‑table td:nth‑child(2n))查找所述HTML table标签中的偶数列td元素,并将所有的所述偶数列td元素适配为{display:block!important;width:1%~99%!important;float:right},得到新的HTML table标签;其中,所述奇数列td元素的宽度与所述偶数列td元素的宽度之和等于用户设备的屏幕宽度;根据所述HTML table标签元素的布局展示方式,将HTML网页适配后的内容在用户设备上进行显示。
下载完整专利技术内容需要扣除积分,VIP会员可以免费下载。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于西安西点信息技术有限公司,未经西安西点信息技术有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/patent/201810142226.3/,转载请声明来源钻瓜专利网。