手机上的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">