Android планшета (вкладка Галактики Samsung) - таблица путает об изменении ориентации

Question

У меня есть простая таблица в этой скрипке

http://jsfiddle.net/FzSwP/3/

CSS

table { 
    width: 100%; 
} 
td { 
    padding: 10px; 
    border: 1px solid #ccc; 
} 
.name { 
    background: url("http://www.lexus.ca/images/footer/logo.gif") no-repeat right center transparent; 
    padding-right: 40px; 
    width: 20%; 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box; 
} 

Когда я его просмотром на Samsung Galaxy вкладка, при начальной загрузке все кажется прекрасным, но как только я начинаю менять ориентацию, все становится странно. Когда вы переходите в ландшафт, дисплей все испорчен, похоже, что текст перекрывается. Похоже, что он показывает предыдущий текст ориентации и текущий текст ориентации. Как на экране изменилась ориентация/размер, но дисплей на экране не полностью обновился.

My tablet is android 4.0.4, используя браузер запасов.

Я не уверен, как это выглядит в других таблицах Android, потому что у меня нет ни одной удобной.

Возможно ли устранить эту проблему? или могут ли другие люди подтвердить, что это НЕ происходит на другом устройстве? Я открыт для JS/JQuery решения, если любой

Answer 1

я отвечаю на это здесь, так что если кто-то бежать в то же самое может быть проще времени

Этот вопрос с WebKit-браузер (например, андроид фондовом браузер), поскольку он не полностью отображает таблицу. Как объясняет мой коллега: есть флаг перерисовывания или что-то в этом роде, и когда вы переключаете ориентацию, этот флаг не сбрасывается, поэтому он не полностью перерисовывается. Чтобы решить эту проблему, просто выделите элемент и проверьте его высоту, затем покажите. Использование JQuery это очень простой процесс

$('.element').hide().height(); 
$('.element').show(); 

http://jsfiddle.net/FzSwP/5/

СЦЕПЛЕНИЕ это будет, скорее всего, работать так, я просто положить его в 2-х линий, так что легче следовать. Я также видел это на рабочем столе хром и при всплывании всплывающей подсказки, и то же самое исправляет проблему.