Próbuję stworzyć przyjazną dla telefonu wersję mojej strony, aby moja strona reagowała odpowiednio na mniejszy rozmiar ekranu i skalę.

Stworzyłem kilka zapytań o media, które zachowują się poprawnie w przeglądarce podczas zmiany rozmiaru na pulpicie.

Na moim iPhonie safari po prostu zmniejsza całą witrynę, ale nadal zachowuje proporcje całej witryny. Jak uzyskać obserwację zapytania o media? czy coś przeoczyłem?

Oto link do piaskownicy, który staram się poprawnie działać - każda pomoc lub sugestie są mile widziane:

http://www.preview.brencecoghill.com/