По какой-то причине Safari для iPhone не читает отзывчивый CSS, что-то должно его остановить... но я не могу найти ошибку или ошибку. Я прошел через CSS с тонкой гребенкой и проверил.
Сайт в реальном времени находится по адресу: http://k16.koogardevelopment.co.uk/
Корень вашей проблемы состоит в том, что некоторые из ваших разделов имеют жестко закодированные ширины, которые не масштабируются или не переустанавливаются для узких видовых экранов. Например, у вас есть
body{
min-width:960px;
}
В divs я заметил, что нужно обратить внимание на тело, #main, #tweets ul и #branding
Два из ваших вариантов - либо изменить настройки ширины для этих элементов на то, что будет масштабироваться, например { width:100%;}
либо использовать медиа-запросы, чтобы вы могли настроить таргетинг и изменить их в определенных видовых экранах, например
@media screen and (max-width: 767px) { /*adjust width as required */
#element-you-want-to-target{
width: Xpx;
}
}
Удачи!
Flexbox
илиMedia Query
или что-то еще