Как установить фоновое изображение для разных вариантов экрана?

Question

У меня проблемы с тем, как установить разные фоновые изображения (или сделать адаптивные фоновые изображения) для разных размеров экрана. Я намерен установить 2 фоновых изображения. Первый - размером с мобильный экран, а второй - размером с экран P C. Я пробовал просматривать inte rnet и смотреть обучающие программы на Youtube, но это не приближает меня к тому, чего я хочу. Я новичок в программировании веб-приложений, и я буду очень признателен за любую помощь, советы и предложения. Спасибо.

Answer 1

Следуйте простой процедуре

# Usual CSS for Big screens
.myClass{
  background-image: url();
  }

#for small screeens or whatever width you want

@media (max-width:768px){
.myClass{
  background-image: url();
  }
}
  

Answer 2

Я нашел решение этой проблемы. На всякий случай, если кому-то сложно найти ответ, он здесь. Кредиты и благодарности владельцу этой статьи .