固定头工作正常的桌面，但不适合移动

Question

我用下面的CSS头的div我的网站

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

这是台式机工作正常的。但在手机上，我只能看到我头部宽度的50％。在50％的右侧，没有任何内容是cmg。正如在白色背景下是厘米。在右侧，我有一个按钮，当我点击正在工作。 说，控制不可见，但他们正在工作，如果你设法点击确切的地方。 对此有任何修复？

我想补充说，这个问题只在Windows Phone中才会出现。所以需要解决这个问题。

Answer 1

我总是有问题的IOS和宽度100％的问题。 （即时通讯假设这是你有问题的手机）。 这就是说，在你的头这样

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

尝试somethign在这里看到一个很好看的。希望这可以帮助。 http://www.dummies.com/how-to/content/use-iosspecific-meta-tags-in-html5.html