使背景图像适合div

一尘不染

使背景图像适合div

html

我在以下div中有一个背景图片，但是该图片被截断了：

 <div style='text-align:center;background-image: url(/media/img_1_bg.jpg);background-repeat:no-repeat;width:450px;height:900px;' id="mainpage" align="center">

有没有一种方法可以显示背景图像而不将其剪切掉？

阅读 286

2020-05-10

共1个答案

一尘不染

您可以使用background-size])属性来实现此目的，大多数浏览器现在都支持该属性。

缩放背景图像以适合div：

background-size: contain;

要缩放背景图像以覆盖整个div：

background-size: cover;

2020-05-10