为什么position：fixed，width：100％元素在iOS 8上的视口外延伸

Question

我有一个固定在页面顶部的元素，当你水平滚动时随你滚动，CSS非常简单：

.thing {
  position: fixed;
  top: 0;
  width: 100%;
  height: 30px;
  background-color: #CCCCCC;
  text-align: right;
}

你可以在这里看到它：http://jsbin.com/cetutaxaju/1

在大多数浏览器上运行正常，但在iOS 8上使用Safari时，此栏不是视口的100％，而是100％的内容？！ （在iOS 7上很好）

罪魁祸首似乎是元视口设置：

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

正如你所看到的那样：http://jsbin.com/cetutaxaju/3

有谁知道为什么会这样，或者更好的解决方法？

我需要保留视口设置，因为没有它们，真实网站无法正常工作。

Answer 1

您是否尝试在元视口设置中添加 user-scalable = no ？即：

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">

我有一个类似的问题，并为我修复了它。