div周围的iOS（Safari和Chrome）黑色边框

Question

我有这个无国界的div 。 在iPhone / iPad浏览器上，它周围带有黑色边框。 编码：

.progress {
position: absolute;
left: 0px;
z-index: 9999;
background: #ffffff url(img/progress.gif) center 95px no-repeat;
height: 100%;
}

我已经尝试过：

border: 1px solid white;

但无济于事。 transparent也什么也没有。

截图： http ： //liebdich.biz/img/Foto.PNG

编辑：其实我不知道发生了什么。 由于此div出现在其他没有边界的情况下。 转到http://liebdich.biz/blanc观看直播。 这是Ajax “正在加载”动画div 。 每当您单击链接时，都可以看到它。 但是，如果您转到http://liebdich.biz/blanc/profile并单击图像，则会看到相同的div ，但带有边框...？ 可能与图片的jQuery fadeOut有关吗？

谢谢！！

Answer 1

这发生在我身上，这与允许缩放的meta标签有关

显然，iOS Safari在调整大小和创建工件时存在问题

应用meta标签禁用缩放解决了我的问题（用户可缩放=否）

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />