Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/85.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_Twitter Bootstrap - Fatal编程技术网

Html 更改窗口大小时CSS将图像调整为小于容器的大小

Html 更改窗口大小时CSS将图像调整为小于容器的大小,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我正在尝试在我的页面上添加一些小的.png,并在更改窗口大小时使它们与其他组件一起调整大小 我正在使用Bootstrap 4,并将img流体应用于较大的项目,效果非常好 有没有办法对缩小窗口时根本不调整大小的小图像应用完全相同的行为 编辑:如果有什么不同,我使用Angular 2的框架。 在下面的代码中,第一个图像随窗口收缩,而第二个图像不随窗口收缩。我正试图让两个人都有同样的行为 <div class="container"> <img src="https://gris

我正在尝试在我的页面上添加一些小的.png,并在更改窗口大小时使它们与其他组件一起调整大小

我正在使用Bootstrap 4,并将img流体应用于较大的项目,效果非常好

有没有办法对缩小窗口时根本不调整大小的小图像应用完全相同的行为

编辑:如果有什么不同,我使用Angular 2的框架。 在下面的代码中,第一个图像随窗口收缩,而第二个图像不随窗口收缩。我正试图让两个人都有同样的行为

<div class="container">
  <img src="https://grisha.org/images/sasha_five.png" class="img-fluid rounded mx-auto d-block" alt="">
  <img src="https://cdn0.iconfinder.com/data/icons/the-middle-ages/500/Knight_Military-128.png" alt="">
</div>


由于您使用的是small.pngs,因此可以使用img缩略图类,您需要删除img响应类

为css定义此代码:img{width:100%}共享一些代码或代码片段您应该阅读以下内容: