在iPad /移動設備上縮小頁面

Question

Ehy there！任何人都可以建議如何獲得完全響應的背景圖像，無論哪個設備在？ 或者如果屏幕處於縱向模式或橫向模式？

現在我擁有的圖像覆蓋了iPad頁面處於橫向模式時的效果，但屏幕在縱向模式下顯示時太短。

這就是我嘗試了包括身高在內的所有東西：auto;寬度：自動;

#home { 
    background-image: url('london-pic.jpg'); 
    background-position: 50% 50%; 
    background-repeat: no-repeat; 
    background-size: cover; 
    position: relative; 
    height: auto; 
    max-width: 100%; 
    min-height: 720px; 
    overflow: hidden; 
} 

Answer 1

您爲某個容器定義了最小高度：720px，因此該容器不會高於720px。要覆蓋整個屏幕，您應該定義例如：

max-width：100％;最小高度：100％;

或

最小高度：100vh。

（使用％如果父容器已定義高度，以其他方式使用vh）。