Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.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 Img流体不';t在引导4中调整图像大小_Html_Css_Twitter Bootstrap_Bootstrap 4 - Fatal编程技术网

Html Img流体不';t在引导4中调整图像大小

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=&

很简单的问题。我有一个带有图像品牌的导航栏,我正在使用img流体,所以它只会调整大小以适应div,而不是指定高度和宽度。这样它会有反应。问题是,它根本不会改变大小,只是将导航栏向外延伸,而且非常巨大

<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;
}