Html Img流体不';t在引导4中调整图像大小
很简单的问题。我有一个带有图像品牌的导航栏,我正在使用img流体,所以它只会调整大小以适应div,而不是指定高度和宽度。这样它会有反应。问题是,它根本不会改变大小,只是将导航栏向外延伸,而且非常巨大Html Img流体不';t在引导4中调整图像大小,html,css,twitter-bootstrap,bootstrap-4,Html,Css,Twitter Bootstrap,Bootstrap 4,很简单的问题。我有一个带有图像品牌的导航栏,我正在使用img流体,所以它只会调整大小以适应div,而不是指定高度和宽度。这样它会有反应。问题是,它根本不会改变大小,只是将导航栏向外延伸,而且非常巨大 <nav class="navbar navbar-light bg-light"> <a class="navbar-brand" href="#"> <img src=&
<nav class="navbar navbar-light bg-light">
<a class="navbar-brand" href="#">
<img src="assets/images/urbane-sleek.png" class="img-fluid" alt="">
</a>
</nav>
<div class="row">
<div class="col-md-2 .d-xs-none .d-sm-none">Text...</div>
<div class="col-md-10">Text...</div>
</div>
文本。。。
文本。。。
我尝试设置最大宽度:100%和高度:自动;在“样式”属性中,而这不起任何作用。帮助?您仍然需要知道图像的大小,
img fluid
只会使其响应,但它会保持图片的原始大小。设置图像标记本身的大小:
<img src="assets/images/urbane-sleek.svg" class="img-fluid" height="100" width="100" id="exampleImage"alt="">
或添加css规则:
<img src="assets/images/urbane-sleek.svg" class="img-fluid" id="exampleImage" alt="">
#exampleImage {
min-width: 10px;
max-height: 200px;
min-width: 10px;
}
#示例图像{
最小宽度:10px;
最大高度:200px;
最小宽度:10px;
}