移动页面在顶部被切断

Question

我使用在＆＃34; html5up.net/alpha"

上找到的HTML5 UP Alpha主题在github页面上创建并托管了一个Jekyll网站。

出于某种原因，页面仅在移动设备的顶部被切断。我已经通过移动广告css，但我无法找到任何问题。

可以在此处查看网站移动广告css：

  

http://pastebin.com/jwNwpXyF

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

  

http://imgur.com/ZPycfNH

Answer 1

横幅的背景图片越来越小，以便mob设备保持这个比例，因为#main正在从顶部切割，因为桌面有margin-top:-26em，同样适用于暴徒。

要修复它，您必须更改mob设备的边距。请尝试以下css。

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