HTML兼容问题 TABLE跨行跨列在IE11中变形
HTML代码：<body>5x4<tableborder="1"><tbody><tr><tdwidth="80"height="40"colspan="2"rowspa...
HTML代码：
<body>
5x4
<table border="1">
<tbody>
<tr>
<td width="80" height="40" colspan="2" rowspan="1">1</td>
<td width="40" height="40" colspan="1" rowspan="1">2</td>
<td width="40" height="40" colspan="1" rowspan="1">3</td>
<td width="40" height="80" colspan="1" rowspan="2">4</td>
</tr>
<tr>
<td width="80" height="80" colspan="2" rowspan="2">5</td>
<td width="40" height="80" colspan="1" rowspan="2">6</td>
<td width="40" height="40" colspan="1" rowspan="1">7</td>
</tr>
<tr>
<td width="80" height="80" colspan="2" rowspan="2">8</td>
</tr>
<tr>
<td width="40" height="40" colspan="1" rowspan="1">9</td>
<td width="80" height="40" colspan="2" rowspan="1">10</td>
</tr>
</tbody>
</table>
</body>
Chrome结果：正常
IE11结果：变形
IE这个问题要怎么解决 展开
<body>
5x4
<table border="1">
<tbody>
<tr>
<td width="80" height="40" colspan="2" rowspan="1">1</td>
<td width="40" height="40" colspan="1" rowspan="1">2</td>
<td width="40" height="40" colspan="1" rowspan="1">3</td>
<td width="40" height="80" colspan="1" rowspan="2">4</td>
</tr>
<tr>
<td width="80" height="80" colspan="2" rowspan="2">5</td>
<td width="40" height="80" colspan="1" rowspan="2">6</td>
<td width="40" height="40" colspan="1" rowspan="1">7</td>
</tr>
<tr>
<td width="80" height="80" colspan="2" rowspan="2">8</td>
</tr>
<tr>
<td width="40" height="40" colspan="1" rowspan="1">9</td>
<td width="80" height="40" colspan="2" rowspan="1">10</td>
</tr>
</tbody>
</table>
</body>
Chrome结果：正常
IE11结果：变形
IE这个问题要怎么解决 展开
3个回答
展开全部
不设定格子的宽和高会是什么样的？
Chome 上的效果观察出来你不觉得 1 和 5 的宽度超过了 2 的 2 倍么？IE11 上看到的宽度反而是正常的，只是 IE 11 的高度不正常。你尝试一下把浏览器的窗口放大点看尺寸是否会自动调节。
因此这看上去是总尺寸被自动调节了的效果，需要明确的设定 table 的尺寸，或者先不设定任何尺寸看浏览器怎么自动调节，找到规律后再来设置。
Chome 上的效果观察出来你不觉得 1 和 5 的宽度超过了 2 的 2 倍么？IE11 上看到的宽度反而是正常的，只是 IE 11 的高度不正常。你尝试一下把浏览器的窗口放大点看尺寸是否会自动调节。
因此这看上去是总尺寸被自动调节了的效果，需要明确的设定 table 的尺寸，或者先不设定任何尺寸看浏览器怎么自动调节，找到规律后再来设置。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
在html页的head里加句<meta http-equiv="X-UA-Compatible" content="IE=edge" />
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
说明两个浏览器对px的解释不一样,你加上单位px试试,然后设置table的宽高试试
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
