Почему не работает display:block для таблиц на iphone?

Question

[Владислав]

День добрый.
Таблица слишком широкая для мобильного. Адаптивной версткой переделывается при ширине меньше 500px в блочный элемент свойством display: block. Тут всё понятно, и везде это работает, но IPHONE! На Айфоне table остаётся таблицей.
Поискал в интернете, нашёл одно упоминание этого вопроса раскопированное на несколько форумов с заголовком "Айфон не видит правила display: block; для таблиц", но ответа там нет. Предлагаемый вариант с display: block !important не работает. Похоже, на айфоне в принципе не применяется block к таблицам.

media screen and (max-width: 500px) {
table,
table tr,
table tbody,
table td {
display: block;
}
}
Что делать, и почему так?

Answer 1

[stozen]

у тэга table display может быть только display:table
Чем не устраивает?
table tr,
table td {
display: block;
}

Comments

[Владислав]

Интересно. Попробую. К этому моменту я уже переверстал с дивами, но на будущее попробую. Спасибо.