Bootstrap - 在保存行上对齐2个图像并调整大小

Question

我想在同一行放置2张图片，当我增加/减少页面大小时尺寸适应，而不会让图像移动到另一行。

目前，当我的页面尺寸缩小时，我的第二张图片（描述中的黑色块）移动到另一行

以下是我正在尝试做的截图：

CSS：

.album {
    margin-top: 10px;
    width: 100%;
    display: block;
    width: auto;
    height: auto;
}

.album img {
    padding: 10px;
}

和我的HTML部分：

<div class="row">
   <div class="album">
       <img src="images/album2017.png">
       <img src="images/album2016.png">
   </div>

我希望你能帮助我， 在此先感谢：）

Answer 1

您只需使用std::setprecision(n)断点http://en.cppreference.com/w/cpp/io/manip

即可

sm

Answer 2

我希望它能够发挥作用

  .album {
        margin-top: 10px;
        width: 100%;
        display: block;
        width: auto;
        height: auto;
    }

    .album img {
         width: 50%;
        padding: 10px;
    }

Answer 3

.album {
margin-top: 10px;
width: 100%;
display: block;
height:auto;
width:auto;

}

.album img {
padding: 10px;
width:50%;
height :auto;
}

希望这就是你要找的东西。根据屏幕尺寸/块大小调整宽度％以缩放

JSFIDDLE