Я создал веб-дизайн, который отлично работает на всех устройствах, кроме Iphone 4S моего клиента.
Я проверил мой сайт онлайн на:
http://mobilewebtest.eu/iphone4
http://iphone4simulator.com/
Я также тестировал мобильные телефоны, например, iPhone6 / 7 / 8.
Все вышеперечисленные тесты были положительными. Я не мог ухватиться за iPhone 4S, но сайт отлично работает на любом другом телефоне. Клиент говорит, что он никогда не открывал веб-сайт, поэтому я думаю, что кэш-память не обсуждается.
Я пробовал следующие решения:
Решение 1:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Решение 2:
<meta name="viewport" content="width=device-width, initial-scale=1">
Решение 3 (не пробовал):
Кто-то указал что-то странное на этот пост:
Адаптивный дизайн - Media Query не работает на iPhone?
добавление комментария после DOCTYPE может решить проблему, которая не кажется мне убедительной.
<!DOCTYPE html>
<!-- This comment line needed for bootstrap to work on mobile devices -->
<html lang="en">
Ждем вашей большой поддержки