调整引导css图像中的高度

调整引导css图像中的高度,css,twitter-bootstrap,Css,Twitter Bootstrap,这是我的css,用于处理我页面上的图像: 样本 当我增加或减少宽度时,它反映得很好。但改变宽度不会产生任何效果 如何在此处手动增加或减少图像宽度? css代码作为内联css存在于index.php中 我想增加宽度不能增加图像的高度如果我没有弄错,我想增加宽度不能增加图像的高度意味着您需要一种方法来更改图像的宽度,同时保持高度不变。如果您对通过CSS实现这一点感到满意,那么可以将图像包装在一个封装div中,控制div的大小,然后告诉图像完全填充div 代码可以归结为: <head>

这是我的css,用于处理我页面上的图像:

样本

当我增加或减少宽度时,它反映得很好。但改变宽度不会产生任何效果

如何在此处手动增加或减少图像宽度? css代码作为内联css存在于index.php中


我想增加宽度不能增加图像的高度

如果我没有弄错,我想增加宽度不能增加图像的高度意味着您需要一种方法来更改图像的宽度,同时保持高度不变。如果您对通过CSS实现这一点感到满意,那么可以将图像包装在一个封装div中,控制div的大小,然后告诉图像完全填充div

代码可以归结为:

<head>
    <style>
        .img-responsive {
           height:100%;
           width:100%;
        }

      .image-container
      {
        width:250px;
        height:140px;
      }
    </style>
</head>
<body>
    <div class="container image-container">
      <img src="http://www.menucool.com/slider/prod/image-slider-4.jpg" class="img-responsive" />
    </div>
</body>

.img响应{
身高:100%;
宽度:100%;
}
.图像容器
{
宽度:250px;
高度:140像素;
}

如果更改图像容器类的宽度或高度属性,您将看到图像相应地拉伸。

如果我没有弄错,我想增加宽度,但不能增加图像的高度意味着您需要一种方法来更改图像的宽度,同时保持高度不变。如果您对通过CSS实现这一点感到满意,那么可以将图像包装在一个封装div中,控制div的大小,然后告诉图像完全填充div

代码可以归结为:

<head>
    <style>
        .img-responsive {
           height:100%;
           width:100%;
        }

      .image-container
      {
        width:250px;
        height:140px;
      }
    </style>
</head>
<body>
    <div class="container image-container">
      <img src="http://www.menucool.com/slider/prod/image-slider-4.jpg" class="img-responsive" />
    </div>
</body>

.img响应{
身高:100%;
宽度:100%;
}
.图像容器
{
宽度:250px;
高度:140像素;
}

如果更改图像容器类的宽度或高度属性,您将看到图像相应地拉伸。

尝试增加图像标记内的宽度``您能给我们看小提琴吗?@user3065197:fiddle pleasetry增加图像标记内的宽度``您能给我们看小提琴吗?@user3065197:fiddle pleases无论如何,我感谢您的接受。这是我第一次接受答案!希望这就是你想要的。无论如何,我感谢你的接受。这是我第一次接受答案!希望这就是你想要的。