如何僅在移動模式下以全屏模式顯示圖像？

Question

桌面上有兩個站點模板（已經可以）和移動站點模板。

在手機中，我希望它只顯示佔據整個屏幕的圖像。顯示器的所有擴展名（高度和寬度）必須只是這個內容。按下按鈕後，頁面向下並顯示內容。

例：

我做一個例子小提琴jsfiddle.net/gtw7375/yrmbsfhu/

但我不知道我怎麼能中心的形象，把它作爲獨特的內容佔據整個高度/頁面高度。

如何做到這一點？

Answer 1

創建一個設置爲100vw和100vh的塊元素。然後添加圖像作爲背景圖像與屬性：background-size：cover。