调整背景(img)的大小而不裁剪

时间:2018-07-18 17:30:38

标签: css image

我在CSS中调用了背景图片来制作图片地图。如果不从原点裁剪,我这样做的方法似乎很难调整大小。这是我当前用于调用图像的CSS。

ul#LittleItaly {
list-style: none;
background: url(images/Littleitaly_Map.jpg) no-repeat 0 0;
position: relative;
width: 1200px;
height: 1600px;
margin: 0;
padding: 0;
}

当我改变宽度或高度时,它会切断图像的一部分。类似于Photoshop更改画布大小。

1 个答案:

答案 0 :(得分:2)

background-size:cover

应该可以解决问题