は応答バナー/画像をしようとして

Question

http://www.otislandscapeassociates.com/about/

私は、バナー（小枝の風景画像）を試していますが、私は画像なしで、デバイス間でそれが応答例えば、デスクトップ、タブレット、モバイルを作るの難しさを持っています伸ばされているか、正しく嵌合していないか、またはどちらかの端で切り取られている。

これを回避する方法についてのアドバイスが必要ですか、また実際の画像のサイズを調整する必要がある場合は、それは大きいですか？それはもっと小さくなるべきですか？

私は現在cssですべてをやっているので、これは私の好みの変更方法です。

ありがとうございます。

Answer 1

あなたは反応するように背景画像を作成する

background-size: contain; 

その最も簡単な方法を試すことができます。 しかし、幅は画面の幅に合わせて調整されるため、画像の縦横比も小さくなります。

私はあなたが固定の高さを持って見ると、すでにあなたはそれが自動にかかわらず、コンテナの大きさの容器を満たすたい場合、私は通常、推奨よ何である

background-size: cover; 

を使用することができます。

コンテナのサイズにかかわらず、常に伸びることはありません（伸びていない&）。画像（白いスペースは、&が使用する必要があると仮定している）を見ると、これはクラスに追加することで反応的なままですが、常にdivの下部にデザインを修正して、上の白。説明や質問が必要な場合は教えてください