OGeek|极客世界-中国程序员成长平台

标题: 移动设备上的 iOS 未正确显示 CSS 1px 边框 [打印本页]

---

作者: 菜鸟教程小白    时间: 2022-12-12 13:19
标题: 移动设备上的 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/

---

欢迎光临 OGeek|极客世界-中国程序员成长平台 (http://ogeek.cn/)

Powered by Discuz! X3.4