移动页面在顶部

Question

切断我创建并托管在使用上“html5up.net/alpha”

出于某种原因，发现HTML5 UP阿尔法主题github上，页面的哲基尔网站，网页被切断仅在手机上排名第一。我已经通过移动CSS，但我一直无法找到任何问题。

该网站的移动CSS可以看这里：

http://pastebin.com/jwNwpXyF

和问题的截图可以在这里看到：

http://imgur.com/ZPycfNH

Answer 1

你的背景 旗帜图像变得越来越小，以保持比例，因为#main是从顶部切割的，因为它具有用于桌面的margin-top:-26em，这同样适用于暴民。

要修复它，您必须更改暴徒设备的边距。尝试下面的CSS。

@media (max-width: 640px) { 
    body #main { 
    margin-top: -8em; 
    } 
}