为什么 svg 图像会被裁剪？

Question

我第一次想做网站，但是太难了

这里我下载了一张世界地图，我设置了宽度：100%高度：auto，但是为什么地图被裁剪了？我想知道原因。

我还想知道为什么背景颜色没有填满

我在css文件的body标签中添加了背景颜色，但它仍然是白色的。我将 svg 放入内联中。

Answer 1

有一个名为

object-fit

的 css 属性

img {
  object-fit: contain;
}

这将防止您的图像被裁剪。

此属性的另一个常用值是

cover

img {
  object-fit: cover;
}

cover

使您的图片适合宽度和高度，没有空格，并且图像将被裁剪。