響應按鈕圖像

Question

這是我第一篇文章。我正在用css和html開始我的旅程。我正在努力將兩個響應圖像放在兩個相互作用的按鈕之間。我試圖得到的是，所有內容都顯示在單個頁面上（不滾動），並且無論屏幕的大小如何，它總是被填充。然後在手機屏幕上使用人像模式，它會依次顯示。

這是多遠我已經得到了：http://test.fulfeal.co.uk/shop-intro/

我無法弄清楚它是否與圖像尺寸做的（實際的圖像將是一個圖片），或可能與相應的div大小。

非常感謝您的幫助！

Answer 1

爲了使圖像以佔滿整個頁面的高度，首先確保您具備以下條件：

html, body { 
    height: 100%; 
} 

這將確保您的內容實際上可以在頁面的整個高度。然後，您的圖片也應該將其高度設置爲100％。

要讓圖像在移動設備上相互重疊顯示，您需要使用css媒體查詢，然後將圖像設置爲display: block; width: 100%。