У меня есть сайт, и фоновые изображения почти такие же, как я хочу на мобильных устройствах, но когда дело доходит до настольного компьютера, я не могу использовать запрос @media для их изменения.
Мой css:
body.page-id-6166 {
background-image: url(https://adsler.co.uk/wp-content/uploads/2019/04/FlyerMaker_22042019_085055.png);
background-repeat: repeat;
background-size: cover;
}
Очевидно, что охватывает мобильные и настольные системы и работает
Но когда я пытаюсь:
@media (max-width: 1920px) and (min-width: 768px) {
body.page-id-6166 {
background-image: url(https://adsler.co.uk/wp-content/uploads/2019/04/FlyerMaker_22042019_085055.png);
background-repeat: repeat;
}
}
Ничего не происходит.
Даже попробовал его с important, который ему совсем не понравился.
Чтобы уточнить дальше. Это одно и то же изображение, но одно (на рабочем столе) вы можете видеть только его часть из-за пейзажа / портрета и т. Д., А также потому, что по какой-то причине оно автоматически увеличивается на рабочем столе. Таким образом, на мобильном устройстве оригинальное изображение (все) x 2. На рабочем столе вы видите только одно изображение и только часть этого одного изображения. Вот почему я хочу этот запрос @media. Вы можете увидеть пример в https://adsler.co.uk/dating/ или https://adsler.co.uk/jobs/ Это то же изображение, но рабочий стол только выбирает его часть и, кажется, взрывает его.