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在调整事物大小并创建该工件方面存在问题

应用元标记来禁用缩放解决了我的问题（user-scalable = no）

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

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

1 个答案: