css距离页面顶部有空白,在Safari浏览器手机上导致页面顶部出现空白的CSS问题

浏览我的网站的手机版本时，在我的每一页的顶部都有一个水平的白色条，高度约为15px。下面是相关的CSS代码和HTML标记：在Safari浏览器手机上导致页面顶部出现空白的CSS问题

body {

background-color: #FFF;

font-family: Verdana, Geneva, sans-serif;

font-size: 16px;

width: 100%;

}

#container {

width: 100%;

background-color: #FFF;

}

#navigation {

display: block;

width: 100%;

height: auto;

padding: 0px;

background-color: #009245;

}

#content {

display: block;

width: 100%;

max-width: 100%;

padding: 0px;

}

domain
the home page of First Last

About

Blog

Contact

Copyright

Content/text goes here.

我已经试过的CSS属性的多种组合(主要是“保证金”和“填充”)，并花费了大量的时间搜索网页。似乎没有任何工作。

请让我知道你需要什么。我将在今晚定期检查这个线程。

+0

只有在Safari移动这个问题？你检查了其他浏览器吗？ –

+0

我刚刚为iOS下载了Firefox(我一直在这么做)，并且可以确认该问题也影响到Firefox。 –

+0

检查答案可能是它会帮助你.. –