#html #css #iphone #responsive-design #responsive-images
#HTML #css #iPhone #адаптивный дизайн #отзывчивый-изображения
Вопрос:
У меня много проблем с корректной работой моего сайта на iPhone. Фон на моем сайте вообще не уменьшается. Я использовал следующий HTML…
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="">
<meta name="description" content="">
И CSS..
background: url('../images/FRONT_1_copy.jpg') 50% 0 repeat-y scroll;
-webkit-background-size: cover;
background-size: cover;
background-position: center;
Если кто-нибудь может мне помочь, это было бы здорово. Он работает на моем Googple Pixel 3a XL ok и других устройствах Android, которые я тоже использовал.
Спасибо
Комментарии:
1. попробуйте background-size: содержать;
2. Спасибо, я пробовал это, но все еще не работает.
3. Я попробовал ваш код в теге BODY и простой HTML-странице, и он уменьшает фон, когда мой экран становится меньше. Я попробовал это на своем iPhone 6s и с тем же результатом.
4. насколько велико ваше изображение? и посмотрите здесь, может ли это помочь !? w3schools.com/cssref /…
5. Изображение совпадает с шаблоном начальной загрузки, который я использую для перекрестных ссылок на код. Этот шаблон работает на iPhone, но мой все еще не работает. У меня также есть тег body в коде. Так расстраивает, лол