我有一个自定义了 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-推荐答案 strong>
我找到了解决方案。我将元标记更改为:
<meta name="viewport" content="width=device-width, initial-scale=1">
关于移动设备上的 iOS 未正确显示 CSS 1px 边框,我们在Stack Overflow上找到一个类似的问题:
https://stackoverflow.com/questions/27586535/
|