主页 / 问题 / 1240963
Accepted
Мне без сахара
Asked:2022-02-07 14:57:16 +0800 CST2022-02-07 14:57:16 +0800 CST

如何设置img src（背景大小：封面）

  • 772

如何在没有cssimg src的情况下进行拉伸coverbackground-image

html

1 个回答

  1. Best Answer

    您可以使用该物业object-fit

    body {
   margin: 0;
}
img{
   object-fit: cover;
   height: 100%;
   width: 100%;
}
    <html>
    <body>
    <img src="https://upload.wikimedia.org/wikipedia/commons/e/ef/Stack_Overflow_icon.svg">
    </body>
</html>

    这是文档object-fit:cover描述该属性的方式：

    被替换的内容会调整大小以保持其纵横比，同时填充元素的整个内容字段。如果对象的纵横比与其块的纵横比不匹配，则对象将被裁剪以适应。

    • 5

相关问题