CSS Проблемы автоматического изменения размера фона

Question

Я очень новичок в веб-разработке и мне нужна помощь. Я создал страницу входа, используя JavaScript, html и CSS. Я хочу, чтобы мой фон автоматически менялся, чтобы соответствовать экрану любого устройства, которое обращается к странице. Я исследовал, как это сделать, и реализовал это с помощью этого стиля CSS:

    body, html {
      background: url("/images/Test.jpg"), #2d2d2d;
      height: 100%;
      width: 100%;
      background-repeat: no-repeat;
    }

Любые идеи о том, как я могу исправить это? Спасибо.

Answer 1

background-size: 100%; //to fill screen
background-position:center; //to center on screen

фоновая обложка уменьшит изображение.

Answer 2

background-size: cover; может быть вашим героем в css;)