мой веб-сайт имеет адаптивный дизайн, который прекрасно отображается на всех устройствах.Однако это не работает, когда я использую удаленную отладку Safari.Вот шаги по воспроизведению ошибки:
- Я открываю свой сайт из Safari на моем iPhone, и он выглядит, как и ожидалось.
- Сайт также отлично работает в мобильном размере, используя Desktop Chrome, Firefox и Safari.
- Я подключаю свой iPhone к Mac и проверяю веб-сайт с помощью инспектора удаленной отладки Safari: Safari> Разработка>Мой Iphone> www.mysite.com Сразу же iPhone отображает неправильный дизайн.Элементы не соответствуют своим настройкам размера CSS.
- Я закрываю инспектор и перезагружаю сайт с iPhone, и сайт отображается идеально.
У меня есть настройки области просмотра:
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
Я пробовал другие альтернативы, но, похоже, это не проблема.Я использую SASS, и мои CSS-файлы уменьшены.Я подозреваю, что с SASS что-то не так.
Буду признателен за любые предложения.
Спасибо