css flexbox не интерпретируется внутри iframe

Question

когда я помещаю контент в iframe, управление заголовком с помощью flexbox не имеет того же рендера.Почему содержание iframe отличается?https://codepen.io/lguigo/pen/JmKQEa

header {
            display: flex;
            justify-content: space-between;
            margin: 25px 10px 25px 10px;
            border-bottom: 25px solid #f2f2f2;
            padding-bottom: 25px;
        }

эмуляция, реагирующая на хром ОК:

этот URL внутри iframe KO:

Answer 1

Не имеет значения, находится ли он в iframe или нет.реальная разница - ширина контейнера.Iframe довольно маленький, поэтому вещи в заголовке не совсем подходят.Попробуйте добавить flex-wrap: wrap; в заголовок.По крайней мере, это поместит элемент друг под друга, если они не могут быть рядом друг с другом.