技术问答css图片缩小比例不变的方法是什么 - 扬州沐宇科技

扫描二维码下载沐宇APP

微信扫码使用沐宇小程序

沐宇首页互联网技术知识问答 css图片缩小比例不变的方法是什么

扬州沐宇科技

2023-07-19 20:30:52

css

要使CSS图片缩小比例不变，可以使用background-size属性。可以将其设置为"contain"或"cover"。

例如，可以使用以下CSS代码将背景图片缩放到适应容器的尺寸，但保持比例不变：

div {
background-image: url("image.jpg");
background-size: contain;
background-repeat: no-repeat;
}

或者，可以使用以下代码将背景图片缩放到填满容器的尺寸，但保持比例不变：

div {
background-image: url("image.jpg");
background-size: cover;
background-repeat: no-repeat;
}

请根据实际需求选择适合的方法。