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

我有一个自定义了 CSS 边框的 Bootstrap header ，给它一个 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 问题还是..？

---

Best Answer-推荐答案

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

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

关于移动设备上的 iOS 未正确显示 CSS 1px 边框，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27586535/