CSS: Как сделать отзывчивое фоновое изображение, исключающее пропорции изображения?

Question

Я хочу сделать фоновое изображение в теле, которое не будет поддерживать соотношение сторон отношения.

html, 
body { 
    height: 100%; 
    background-image: url(../images/xmasbg13.jpg); 
    background-size: 100% 100%; 
    background-repeat: no-repeat; 
} 

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

Answer 1

Как насчет background-size:cover

http://jsfiddle.net/2ez1e3mn/

Вы можете изменить размер панели результатов и изображение изменяет размер (полная высота и ширина) с ним.