@media (max-width: 485px) and (min-width: 320px){ body, html { background: url(../img/bg.jpg) no-repeat; width: 100%; height: 100%; overflow-y: hidden; overflow-x: hidden; } 

}

  • codepen.io/Geyan/pen/rWZVXe?editors=110 everything works, move the panel there to your request, you have a 100% path to the image is not correct - user33274
  • What is in the meta? Or replace max-width with max-device-width. For study - Mr. Brightside
  • nothing helped ( - Dima Ovcharov
  • Everything works for me, the style is applied when the browser width is from 320 to 485px, if the picture is not displayed, then the matter is in its address. - Yuri

0