Safari не читает мой отзывчивый CSS на моем сайте WordPress

-3

По какой-то причине Safari для iPhone не читает отзывчивый CSS, что-то должно его остановить... но я не могу найти ошибку или ошибку. Я прошел через CSS с тонкой гребенкой и проверил.

Сайт в реальном времени находится по адресу: http://k16.koogardevelopment.co.uk/

  • 0
    Как вы пытаетесь создать адаптивный сайт? - Flexbox или Media Query или что-то еще
  • 0
    #tweets нарушается также, когда панель навигации неактивна.
Показать ещё 3 комментария
Теги:
responsive-design
mobile-safari

1 ответ

0

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

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;
  }

}

Удачи!

Ещё вопросы

Сообщество Overcoder
Наверх
Меню