如何根据窗口大小缩小图像

Question

如何根据窗口大小缩小图像。现在我正在使用引导程序来根据窗口调整图像内容的大小，但是当减小窗口大小但是我需要图像时，引导程序将行图像加载为列在row.how我可以做到吗？

Answer 1

<img src="image path" class="img-responsive" alt="">

Answer 2

根据你的问题。您想要全屏制作图像。 您可以使用此代码

    #yourimage{
      width:100%;
      height:100%;
    }

或将其放入<img src='' class='img-responsive'>

Answer 3

<img src=" " class=" " alt="">

在Bootstrap中有许多图像类Img-responsive，img-thumbnail和img-rounded。你可以根据自己的要求上课。