在移動設備上呈現錯誤的網站

Question

這裏有問題。頁面在底部呈現奇怪的文物，但只在移動設備上呈現，並且只在肖像模式下呈現。我建議它會導致錯誤的包裝設計。這裏是一些CSS：

html { 
     height: 100%; 
     box-sizing: border-box; 
    } 

    *, 
    *:before, 
    *:after { 
     box-sizing: inherit; 
    } 

    body { 
     justify-content: center; 
     flex-wrap: wrap; 
     position: relative; 
     width: 100%; 
     min-width: 1260px; 
     margin: 0px; 
     padding-top: 70px; 
    } 

，看起來它是這樣的：

Here's the site on production

Answer 1

這是視問題。我仍然不知道爲什麼，但我們需要限制視

最小規模= 1.0

正確渲染

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=yes" /> 

添加這頭