Почему фоновые изображения так сильно увеличены на iPhone?
Я работаю над своим новым сайтом, и он отлично работает на моем телефоне. Но, к сожалению, я заметил, что это не работает на iPhone. И только на iPhone.. (У меня уже была небольшая неприязнь к Apple, но сейчас она растет..)
Полноэкранные фоновые изображения размыты и увеличены примерно на 1000%. Я не понимаю, почему это работает на всех устройствах Android, а не на iphone 5/6. Не пытайтесь старые iPhone. Здесь предварительный просмотр представления. Я также попробовал несколько настроек CSS, но тоже не получается.
Сначала я подумал, что это проблема с областью просмотра, поэтому я попробовал все виды метапортов, теперь используя:
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
Но это все еще не работает. Это из-за высокого разрешения новых айфонов? Тогда видовой экран должен это исправить, верно?
Я уже потратил слишком много времени, пытаясь это исправить, надеюсь, вы мне поможете!