[发明专利]一种用户设备上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网页适配后的内容在用户设备上进行显示。

2.根据权利要求1所述的一种用户设备上HTML网页的适配方法，其特征在于：在所述得到新的HTML table标签之前，还包括：

通过CSS样式mobile-table{font-size：1px～1000px；)将所有的tr元素中的字体和td元素中的字体进行修改；

通过CSS样式mobile-table tr，td{height：1px～1000px！important}将所有的tr元素和td元素的行高进行修改。

3.根据权利要求2所述的一种用户设备上HTML网页的适配方法，其特征在于：所述HTMLtable标签还包括input元素；

在所述得到新的HTML table标签之前，还包括：

当所述input元素的状态为disabled或者readonly时，确定所述HTML table标签中是否有td元素设置了固定的width属性；

在确定所述HTML table标签中没有td元素设置了固定的width属性时，通过CSS选择器(input：read-only，input：disabled，select：read-only，select：disabled，textarea：read-only，textarea：disabled)将所述input元素适配为{border：none！important；outline：none！important；box-shadow：none！important}。

4.根据权利要求3所述的一种用户设备上HTML网页的适配方法，其特征在于：

在确定所述HTML table标签中有td元素设置了固定的width属性时，通过javascript查找设置了width属性的td元素，并将查找到的每个设置了width属性的td元素进行标记；

删除每个标记的td元素的width属性，并通过CSS选择器(input：read-only，input：disabled，select：read-only，select：disabled，textarea：read-only，textarea：disabled)将所述input元素适配为{border：none！important；outline：none！important；box-shadow：none！important}。

5.根据权利要求1所述的一种用户设备上HTML网页的适配方法，其特征在于：还包括：

PC端获取待显示的HTML网页内容，并将获取的所述HTML网页内容在PC端上进行显示。

6.根据权利要求1所述的一种用户设备上HTML网页的适配方法，其特征在于：所述用户设备包括手机。