移动设备上的 iOS 无法正确显示 CSS 1px 边框

Question

我有一个使用 CSS 边框自定义的 Bootstrap 标头，以赋予它 2px 和 1px 阴影效果，如下所示：

<div class="navbar" role="navigation">
    <div class="header">
    </div>
</div>

CSS是：

.navbar{
 border-bottom: 1px solid #C7C7C7;
}
.header{
 border-bottom: 2px solid #EFEFEF;
}

页面的 HTML 标记是：

<meta name="viewport" content="width=970" />

出于某种奇怪的原因，在iPad或iPhone等移动设备上查看iOS中的页面时，它无法正确显示边框。最初在加载它时，它只显示行的 1px，当缩放页面时，其他 2px 是可见的，但不知何故失真。未显示整行。

这里可能出了什么问题？这是iOS问题还是..？

Answer 1

我找到了解决方案。我将元标记更改为：

<meta name="viewport" content="width=device-width, initial-scale=1">