Свойство css flexbox wrap не работает на ios6

Сейчас я работаю над своим проектом, поэтому решил использовать flexbox вместо float . Он отлично работает для меня, но я обнаружил, что display:flex не работает на старом iphone (ios 6.1). Поэтому я добавил

 display: -webkit-box; 

Теперь свойство Flex работает, но все элементы расположены в ряд. Я создал простую скрипку , чтобы показать проблему. Также я сделал два скриншота, чтобы показать, как это работает на ПК и на iPhone.

ПК: введите описание изображения здесь

iPhone: введите описание изображения здесь

Как вы видите -webkit-flex-wrap: wrap не работает.

Кто-нибудь знает, как решить эту проблему? Я надеюсь на вашу помощь.

Поддержка текущей спецификации flexbox в iOS не начинается до iOS 7.0.

iOS 3.2 – 6.1 поддерживает старую спецификацию flexbox и не поддерживает упаковку .

См. Данные поддержки браузера здесь: http://caniuse.com/#search=flexbox

См. Свойство flex-direction для информации о том, как выровнять элементы flex (строка или столбец).

 .wrapper { flex-direction: column; ... } 

Кроме того, на ваших гибких элементах у вас есть ( width: 500px; ), попробуйте свойство flex :

 .wrapper > div { flex: 0 0 500px; ... } 
  • CSS-анимация не всегда начинается с iOS 8 Safari
  • Последний элемент в вертикальном flexbox на Safari для iOS обрезается в ландшафтном режиме
  • Перевод слов MathJax
  • как увеличить ширину изображения до ширины его веб-просмотра
  • Как показать полноразмерный фон в мобильном устройстве?
  • локальный html в UIWebView с изображениями из каталога активов
  • iOS перескакивает фиксированный нижний колонтитул, содержащий INPUT
  • Почему привязка тега, содержащего изображение, не работает в почтовом приложении Iphone?
  • Как удалить ошибки apple-touch-icon-precomposed.png из журнала apache и сохранить эффекты iOS-значков
  • HTML-div не покрывает полную 100-процентную ширину в iPhone
  • разбор HTML в swift
  • Interesting Posts

    Использование той же структуры в расширении и приложении Watchkit создает предупреждение

    Создание пользовательских типов Core Foundation.

    Уведомления об уведомлениях UIApplicationDidBecomeActiveNotification

    Выбрать все ячейки в UITableView

    UITransitionContextFromViewControllerKey возвращает неверный ViewController

    Ширина UIView

    открыть viewcontroller из раскадровки при получении pushnotification яблока

    Как воспроизводить звук на уровне «Уровень звонка и оповещения»

    Запрос PFRelation не возвращает объект

    Expo on iOS постоянно обновляет приложение React Native на MacOS, вызванное Dropbox

    AVAudioPlayer был освобожден, в то время как наблюдатели с ключевыми значениями все еще были зарегистрированы с ним

    Запуск установки pod на OSX Yosemite

    Загрузка автономных данных и данных, которые не были загружены

    Добавление кнопки в правую сторону UISearchBar с помощью AutoLayout: «Автоматическая компоновка по-прежнему требуется после выполнения -layoutSubviews»

    Выделить все ячейки в UITableView даже невидимой ячейке в iOS

    Давайте будем гением компьютера.