我有一个包含有渐变的空白div的页面，如下所示:
<div class="prodGradientArea"></div>
.prodGradientArea {
background: -moz-linear-gradient(center bottom , #ECEAE9 0%, #E4E3E2 50%) repeat scroll 0 0 transparent;
display: inline-block;
float: left;
height: 10px;
width: 420px;
}
这在FF, IE, Chrome和Safari中看起来很棒…在电脑上。在iPad或iPhone上使用Safari浏览器时，div周围会有一个小边框。如果我在框中写入文本，或者我将其放大很多，但如果我写了一个不间断的空白，则不会删除这个边框。我甚至试过用一个透明的像素，但它对想象的边界没有任何影响。也尝试设置border=0，但这当然不是问题(它不是一个真正的边界，只是一个视觉"特征")。
所以唯一可以删除它的是添加纯文本。我想我可以添加一个点，用颜色隐藏它，但是做这样一个丑陋的修复会伤了我的小心。
请帮忙!
珍妮在您的index.php中插入<head> -区域的这段代码，以避免iOS的不良缩放解释产生的伪影:
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
然后进入你的css-file并插入一个1px的负边距，以避免这种情况。在我的网站中，这是页脚div:
.unten {
margin-top: -1px;
}
我希望这对你也有帮助!