在移动设备上呈现错误的网站

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" /> 

添加这头