固定标题适用于台式机但不适用于移动设备

Question

我在我的网站的标题 div 中使用了下面的 css

.header{
    z-index: 3001;
    position:fixed;
    top:0px;left:0px;
    background-color: white;
    width:100%;height:150px;
}

这适用于桌面。但在移动设备上，我只能看到标题宽度的 50%。在 50% 的右侧，什么都不是 cmg。因为只有白色背景是 cmg。在右侧，我有一个按钮，当我单击时它正在工作。 可以说，控件是不可见的，但如果您设法单击确切的位置，它们就会起作用。 有什么解决办法吗？

我想补充一点，这个问题只出现在 windows phone 中。所以需要解决这个问题。

Answer 1

我一直在 ios 和宽度 100% 问题上遇到问题。 （我假设这是您有问题的手机）。 也就是说，在你的标题上尝试这样的东西

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

请参阅此处阅读。希望这可以帮助。 http://www.dummies.com/how-to/content/use-iosspecific-meta-tags-in-html5.html