移动桌面崩溃IE9
移动桌面崩溃IE9
提问于 2011-06-18 07:33:55
因此，我正在为一个导致浏览器崩溃的IE9错误而抓狂。我有一个表格，我正在使用媒体查询为小屏幕设备重新格式化。这是一些相当巧妙的代码，但在IE9中，当我将浏览器窗口重新缩放到比媒体查询更大时，它会使IE9崩溃。当你尝试将CSS从它中移除时似乎会这样做，但在添加它时可能不会这样做？
我发布了我的源code here。尝试在IE9中对其进行重新缩放。
我更新了我的来源并将其范围缩小到what is causing the problem。
HTML...
<table width="100%">
<thead>
<tr>
<th><a href="#">Detail 1</a></th>
<th><a href="#">Detail 2</a></th>
<th><a href="#">Detail 3</a></th>
</tr>
</thead>
<tbody>
<tr>
<td data-label="Detail 1: ">Detail 1 Here</td>
<td data-label="Detail 2: ">Detail 2 Here</td>
<td data-label="Detail 3: ">Detail 3 Here</td>
</tr>
<tr>
<td data-label="Detail 1: ">Detail 1 Here</td>
<td data-label="Detail 2: ">Detail 2 Here</td>
<td data-label="Detail 3: ">Detail 3 Here</td>
</tr>
<tr>
<td data-label="Detail 1: ">Detail 1 Here</td>
<td data-label="Detail 2: ">Detail 2 Here</td>
<td data-label="Detail 3: ">Detail 3 Here</td>
</tr>
</tbody>
</table>CSS..。
@media only screen and (max-width: 800px) {
TABLE TBODY {float:left}
TABLE TBODY TR {float:left}
TABLE TD {float:left}
TABLE TD:Before {float:left;content:attr(data-label)}
}回答 1
Stack Overflow用户
回答已采纳
发布于 2011-06-21 02:36:44
好的，一个修复方法似乎是将float:left添加到TABLE标记中。我真的不想让表浮动，所以我将继续寻找其他修复程序。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/6392826
复制相关文章
相似问题
腾讯云开发者
