固定頭工作正常的桌面，但不適合移動

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