応答ボタンの画像

Question

これは私の最初の投稿です。私はCSSとHTMLで旅を始める。私はボタンのように働く2つの反応しやすい画像を次々に2つ入れて苦労しています。私が取り組もうとしているのは、すべてのコンテンツが（スクロールせずに）1ページに表示され、画面のサイズにかかわらず常に満たされているということです。その後、携帯電話の画面にポートレートモードを使用すると、お互いの後に表示されます。 http://test.fulfeal.co.uk/shop-intro/

を私は（実際の画像は、絵になるだろう）、または多分対応するdivのサイズで、それは画像サイズをどうするかどうかを把握することはできません。

これは私がすでに持ってどこまであります。

ありがとうございました！

Answer 1

イメージが最初に次のを持っていることを確認して、ページ全体の高さを取るようにするために：

html, body { 
    height: 100%; 
} 

これは、あなたのコンテンツは、実際にページの完全な高さを取ることができることを確認します。次に、画像の高さを100％に設定する必要があります。

画像がモバイルで表示されるようにするには、cssメディアクエリを使用して画像をdisplay: block; width: 100%に設定する必要があります。