选择:

background-size: auto 100%;

background-position-x: center;
background-position-y: center;

你可以使用这些属性:

background-size: contain;
background-repeat: no-repeat;

然后你的代码是这样的:

 <div style="text-align:center;background-image: url(/media/img_1_bg.jpg); background-size: contain;
background-repeat: no-repeat;" id="mainpage">

如果你需要的是图像具有相同的div尺寸，我认为这是最优雅的解决方案:

background-size: 100% 100%;

如果不是，@grc的答案是最合适的。

来源: http://www.w3schools.com/cssref/css3_pr_background-size.asp

选择:

background-size: auto 100%;

你也可以试试这个，设置背景大小为封面，为了让它看起来更好，还可以设置背景位置中心，如下所示:

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