ワイドスクリーンモニターでChromeのウェブサイトのレイアウトが突然変更された

Question

先週私のウェブサイトのデザインが更新され、さまざまなブラウザやデバイスでテストされました - それはBootstrapを使用するポートフォリオサイトです。私は今朝私のワイドスクリーンモニターでクロムを使って自分のウェブサイトをチェックし、全幅の画像はサイズが縮小されているように見え、右側に余白が残っていたようだ。

このアノーマリは、さまざまなブラウザや小さな画面を使用しているChromeでも表示されません。

ウェブサイトはhttp://www.burnser.com/index.html

で生きている任意の助けいただければ幸いです。ありがとう！

Answer 1

イメージ自体のネイティブ幅は1600pxです。常にフルスクリーンにする必要がある場合は、width: 100%;をCSSに含める必要があります。

.carousel-inner>.item>a>img, 
.carousel-inner>.item>img, 
.img-responsive, 
.thumbnail a>img, 
.thumbnail>img { 
    display: block; 
    width: 100%; 
    max-width: 100%; 
    height: auto; 
}