Так что я убираю волосы из-за ошибки IE9, которая приводит к сбою браузера. У меня есть таблица, которую я переформатирую для устройств с маленьким экраном, использующих медиа-запросы. Это довольно приятное кодирование, но в IE9, когда я масштабирую окно браузера больше, чем медиазапрос, происходит сбой IE9. Кажется, это происходит, когда вы пытаетесь убрать CSS, но не при добавлении?
Я разместил свой код здесь . Попробуйте изменить его в IE9.
Я обновил свой источник и сузил его до , что вызывает проблему .
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)}
}