Сделать «фоновое изображение» отзывчивым с атрибутами макета?

Question

Используя Polymer 1.0, я пытаюсь сделать макет и сделать CSS background-image шириной 100% и высотой. Не знаете, как это можно сделать в формате flex-box или polymer. Я мог бы использовать width: 100%;, но у меня все еще есть проблема с повышением чувствительности к высоте ... высота будет отображаться только в том случае, если я сделаю height: 500px;. Как заставить фоновое изображение отображаться и реагировать? Он должен быть атрибутом background-image.

http://jsbin.com/dojupayiwi/1/edit?html,css,output

#video-photo-container { 
    background-image: url(http://www.waynestiles.com/wp-content/uploads/2012/05/King-David-statue-on-Mount-.jpg); 
    background-size: cover; 
} 

Answer 1

Применение background-size: 100% auto;

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