Соотношение сторон для фонового изображения, когда данные изображения/JPEG; base64

Question

У меня есть div с background-image набор для data:image/jpeg;base64 формат:

<div style="background-image: url(data:image/jpeg;base64,/9j/4AAQ... 

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

width: 90vw; 
height: 100vh; 
background-size: contain; 
background-repeat: no-repeat; 
background-position: center; 

В этом случае изображение растягивается с использованием полного размера div. Какие-либо предложения?

Обновление: Див с данными: http://jsfiddle.net/witepo/bksmhtwc/

Update 2: ожидаемый результат: http://1drv.ms/1uTj8Nd Див: http://codepen.io/anon/pen/LEZPjj

Answer 1

попробовать этот

background-size: cover; 
background-repeat: no-repeat; 
background-position: center center;