引導超大屏幕拉伸

Question

我已經在這個網站上，你可以在這裏看到一個自舉頭：http://www.healthunit.org/checkeredflags/index.html

我想知道如果有，我有圖像後停止擴張的方式，例如x像素，並有它的靜態，每邊都有黑條。也就是說，圖像保持相同的大小，但隨着屏幕的拉伸，黑色背景將根據需要顯示在圖像後面。這裏是超大屏幕：

<header> 
<div class="jumbotron"> 
    <img class="img-responsive image" src="Images/CheckFlag.png" alt="Checkered Flags Banner"> 
</div> 

Answer 1

可以使用max-width CSS屬性。

<div class="jumbotron" style="background-color: black;"> 
    <img class="center-block image img-responsive" src="Images/CheckFlag.png" alt="" style="max-width: 400px;"> 
</div>