IE是1個像素太高

我正在開發一個網站，用於瀏覽器上的全屏幕，高度爲1080px，1920×1080分辨率的顯示器。IE是1個像素太高

在IE中，該網站的像素太高，這意味着會顯示滾動條。下面是一個例子：

<html> 
<style> 
    body { 
     margin: 0; 
     padding: 0; 
    } 
    .main { 
     height: 1080px; 
    } 
</style> 
<body> 
    <div class="main"> 
    </div> 
</body>

潛在的解決方案（不得已）是：

設置溢出隱藏。
將高度設置爲1079px。

該網站將作爲另一個網站的iframe使用，所以我不想使用這些解決方案並妥善解決問題。

有沒有人有任何想法？

來源

2015-10-29 Christopher Grigg

你可以使用條件語句只針對IE，或只是將其設置爲100％？ – Coz

我剛剛在我的IE9瀏覽器中測試了你的代碼。沒有滾動條。增加一個像素，出現滾動條。您使用的是哪個版本的IE？另外，用戶可能會打開一個狀態欄;如果您希望100％確定滾動條不會出現，您可能需要將溢出設置爲隱藏。 – Alex

爲什麼不把高度設置爲100％？ – MortenMoulder

最後我只好：

設置溢出隱藏。
將高度設置爲1079px以允許IE和Firefox中的額外高度。

我不想創建瀏覽器相關的代碼，所以認爲UI可以處理1079px，即使它是一個奇數。

在開始測試時，我認爲溢出並不需要設置爲隱藏。有些屏幕仍然顯示滾動條，但更好地隱藏它。

來源

2015-11-12 03:39:43

<!--[if IE]> 
    .main { 
     height: 1079px; 
    } 
<![endif]--> 
<![if !IE]> 
    .main { 
     height: 1080px; 
    } 
<![endif]>

這似乎是錯誤的，但它可能是你要找的東西！

來源

2015-10-29 00:44:15 Coz

「我只針對IE11。」 ... IE> 9不支持條件註釋。 – Teemu

謝謝@Teemu，我不知道！我的回答後留下了IE11評論:) – Coz

IE是1個像素太高

回答

相關問題