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

【问题标题】：iOS on mobile not showing CSS 1px borders correctly移动设备上的 iOS 未正确显示 CSS 1px 边框
【发布时间】：2014-12-21 03:42:35
【问题描述】：

我有一个自定义了 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 问题还是..？

【问题讨论】：

【解决方案1】：

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

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

【讨论】：