Так что на следующем сайте я разрабатывала - http://exoticzoo.lspoor.co.ukSafari 100% Ширина и высота
В разделе «Вы видели нас» это полная ширина блока с двумя колоннами, прямо с изображением и слева с текстом содержание.
Для рабочего стола я применяю изображение в качестве фона и использую покрытие фона и на мобильном телефоне. Я просто использую тег изображения. Моя проблема заключается в Safari, что фоновое изображение не работает, я использую ширину и высоту 100%, чтобы заполнить этот блок, но, похоже, Safari не уважает это. На самом деле сайт построен на основе Foundation 6, поэтому я попытался использовать плагин Foundation Equalizer для установки высоты, но это тоже не сработает. Есть ли решение для этого?
Он отлично работает на любых других браузерах (например, Chrome)
Это может помочь вам: http://stackoverflow.com/questions/33636796/chrome-safari-not-filling-100-height-of-flex-parent –