html - 在 iPad 上查看时，两个固定位置的 div 会产生边距

Question

在 www.fleetwoodlifecoaching.co.nz 建立一个网站，从台式电脑上查看时一切看起来都很棒，但是当我从我的 iPad 上查看该网站时，组成导航的两个固定位置 div 之间出现奇怪的空白栏和标题区域(见屏幕截图)。它们的定位非常精确，并且很清楚 iPad 解码的方式打破了它 - 解决这个问题的最佳方法是什么？

预先感谢您的帮助

显然我没有足够的声誉来发布图像，所以这是一个 imgur 链接。 http://imgur.com/0PEn41r

编辑:所以基本上我有两个 div，它们彼此相对，一个称为 nav，在左侧向下运行，另一个称为 header，在顶部运行。以下是每个的 CSS:

#nav {
position: fixed;
margin-left: -8px;
margin-top: -17.5px;
padding-left: 40px;
width: 140px;
height: 100%;
background: #8E8074;
list-style: none;
z-index: 7;
}

#header {
position: fixed;
width: calc(100% + 16px);
height: 100px;
background-color: #8E8074;
margin-left: -8px;
margin-top: -120px;
padding-bottom: 3px;
z-index: 6;
}

Answer 1

也许尝试使第一个 block 底部的边距负几个像素。如果这将第二个 block 拉高一点，可能会掩盖白线。如果这不起作用，那么它显然是一个编码问题，而不是您的设计中实际上存在白色的间隙或 strip 。在您真正投入其中之前也许可以尝试一些事情。