Фоновое изображение не то же самое на мобильном

Question

Вот так выглядит фоновое изображение на ноутбуке

Вот так выглядит фоновое изображение на мобильном телефоне введите описание изображения здесь

Как вы можете видеть, что фон выровнен неправильно, я хочу видеть одинаковый фон на обоих.

Ниже приведен код cs, который я использовал, и он не помогает изменить размер изображения так, чтобы Я вижу то же фоновое изображение:

body {background-image: url ('https://www.hdwallpapersbook.com/wp-content/uploads/2017/05/Justice-League-Batman-Wonder-Woman-Aquaman.jpg');

background-attachment: fixed;
background-repeat: no-repeat;

background-position: center center; размер фона: обложка;

}

Answer 1

Вы можете попробовать что-то вроде:

Чтобы заставить изображение содержать себя в контейнере (это, скорее всего, будет выглядеть немного странно)

• background-size: contains;

или возитесь со свойствами положения фона - поэтому часть изображения, которую вы видите, смещается в контейнере

• background-position-x: right;
• background-position: center

или посмотрите, подходит ли объект css Свойства:

• Подгонка объекта: уменьшен
• Подгонка объекта: заполните

или обрежьте исходное изображение и создайте новое изображение только для просмотра на мобильных устройствах.