背景图像的宽高比，当数据是image / 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/

更新2： 预期结果：http://1drv.ms/1uTj8Nd Div：http://codepen.io/anon/pen/LEZPjj

Answer 1

试试这个

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