IE10 flexbox и word-wrap не работают при изменении размера

Question

Я создаю небольшую рамку css для мобильных приложений, которую я выпущу, но я не понимаю, почему, когда я открываю страницу в IE10, все выглядит нормально, но если я попытаюсь изменить размер страницы до меньшего размера, текст потеряет ее обертку и отобразится неправильно.

Вот это пример проблемы:

http://matt93.altervista.org/mars

Answer 1

Я установил, добавив overflow: hidden к DIV непосредственно под div.body.

Я не знаю Почему это исправлено в IE10, но я скажу, что поддержка IE10 от flexbox, как известно, немного шаткая.

Кроме того, я бы порекомендовал давать больше имен классов вашим div. CSS вот так:

.body > div { 

} 

приведет к тому, что каждый div внутри этой обертки будет иметь эти стили. Лучше применять имена классов и стили по мере необходимости, особенно если вы хотите выпустить фрейм для других пользователей.

Удачи вам!