html - 固定 header 适用于桌面但不适用于移动设备

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