HTML - 无处不在的背景图像边缘

Question

也许有人知道，如何删除只出现在手机/平板电脑上的背景图片边距？

这是一个可以移动的网站：mobilephoneemulator.com

This是网站中的问题

感谢。

Answer 1

您好请尝试以下代码我已在移动设备上对您的网站进行了调整。

header {
background-color: #87CEEB;
min-height: 60px;
border: 1px solid #87ceeb!important;
}

.main{
background: url('https://s4.postimg.org/shvgf6cj1/cutheader.png');
}

我猜这是像素密度问题

Answer 2

你可以使用下面的代码解决你的问题，这会隐藏白线

header{
   z-index: 1;
}
main{
   margin-top: -1px;
}

查看屏幕截图

Answer 3

我有两个问题 1）margin-bottom：-1px（链接中的css） 2）坏视网膜浏览器调整大小。 SVG图片帮助。