Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何在css中调整图像大小而不进行裁剪?_Html_Css - Fatal编程技术网

Html 如何在css中调整图像大小而不进行裁剪?

Html 如何在css中调整图像大小而不进行裁剪?,html,css,Html,Css,我有一个div标签。在它的css属性中,我放置了图像,并尝试使用高度和宽度属性来调整它的大小。但是它没有缩小,而是被裁剪了!我应该如何使用高度和宽度来缩放它?希望这有帮助: div{ height: 100px; width: 100px; background-image:url(img.jpg) background-size: 100%; } 如果图像用作背景。不确定您的代码是如何设置的。什么css属性?有许多css属性请与您的问题共享相关的代码示例使用背

我有一个div标签。在它的css属性中,我放置了图像,并尝试使用高度和宽度属性来调整它的大小。但是它没有缩小,而是被裁剪了!我应该如何使用高度和宽度来缩放它?

希望这有帮助:

div{
    height: 100px;
    width: 100px;
    background-image:url(img.jpg)
    background-size: 100%;
}

如果图像用作背景。不确定您的代码是如何设置的。

什么css属性?有许多css属性请与您的问题共享相关的代码示例使用背景大小:100%100%您可以将
最小宽度
最小高度
设置为
100%
@Jack no。OP谈论的是
背景图像
,OP需要做的就是了解
背景大小
是的!谢谢你解决了这个问题!:)