移動設備覆蓋不適合屏幕

Question

我創建了一個簡單的div覆蓋與下面的CSS：

position:absolute; 
top:0; 
left:0; 
display:none; 
cursor:default; 
z-index:101; 
width:100%; 
height:100%; 

jQuery是用來淡化它 所有在所有瀏覽器的偉大工程，但觀看時它在移動設備上的div不是100％高。我也試過如下：

設置div的尺寸screen.width和screen.height...相同的結果

添加<meta name="viewport" content="width=device-width,initial-scale=1" /> 標籤索引...這擰一噸的東西，並加以覆蓋約25 ％的手機寬度....

我從來沒有遇到過這樣的問題，似乎無法看到任何問題與CSS。 任何想法？

Answer 1

嘗試更改position:absolute至position:fixed。

position:fixed; 
top:0; 
left:0; 
bottom:0; 
right:0; 
opacity:.5; 
cursor:default; 
z-index:101; 
width:100%; 
height:100%; 

Answer 2

嘗試開溝高度，並設置下爲0

position:absolute; 
top:0; 
left:0; 
bottom: 0; 
right: 0; 
display:none; 
cursor:default; 
z-index:101; 

然而，屏幕將是一件好事，如果可能的。