Html 固定标题工作良好的桌面，但不移动

我用下面的css作为我网站的标题div

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

这在桌面上运行良好。但在手机上，我只能看到50%的页眉宽度。在50%的右侧，没有任何内容是cmg。正如在白色背景中一样，cmg。在右边，我有一个按钮，当我点击它时，它正在工作。 也就是说，控件是不可见的，但如果你设法在确切的位置单击，它们就会工作。 有什么办法吗

---

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

我在ios上总是有问题，而且宽度100%有问题。（我假设这是你有问题的手机）。 也就是说，在你的头上试试这样的东西

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

请看这里，以便阅读。希望这有帮助。

---

犯了一个错误，对不起