在IE9中不允許的最小寬度

我有一個最小寬度的px外部容器，以及一個帶有最大寬度和少量填充的內部容器（都是px）。
在IE 9中頁面最初顯示正確，但是當我放大或縮小尺寸時，外部容器似乎拒絕縮小到最小寬度，而是保持當前寬度並拋出一個水平滾動條。但是，如果你刷新頁面，那麼它看起來工作得很好。盡我所能告訴它只在IE9中做到這一點。 Chrome，FF，Opera和IE6-8都可以正常工作。 沒錯，IETester甚至展示了令人討厭的IE6正確渲染它！僅供參考我有一個嚴格的XHTML 1.0文檔格式，我的IE9似乎在Internet Explorer 9標準模式下顯示頁面。在IE9中不允許的最小寬度

無需發佈我的所有代碼，有沒有人有建議？

不幸的是，似乎沒有人從我所知道的這個問題中遇到過。還有一個小竅門，爲了讓它變得更加詭異（或者它可能是線索），IE9似乎只在查看服務器上的頁面時（當上傳到我的網站或使用EasyPHP時）纔會這樣做。在本地查看它的行爲應該如此。
任何信息都會有幫助，甚至可以獲得我想要的效果。爲了澄清，我希望我的頁面具有最小和最大寬度（以像素爲單位）。如果視口大於最大寬度，則需要相等的邊距（居中頁面）。如果視口處於最小和最大寬度範圍內，我希望在整個周圍都可以看到少量的背景，這樣頁面的左右邊緣就會更加明顯（而不是僅僅發展到邊緣）瀏覽器 - 這是我的填充在內部容器的地方）。最後，如果視口小於頁面的最小寬度（內部容器），我仍然喜歡填充（填充的小邊緣）以及水平滾動條。任何幫助非常感謝，並讓我知道如果你需要更多的信息（如果不知怎的，我沒有提供足夠的長話）。

附加信息：正如我所說，我並不熱衷於瀏覽整個網站的代碼並挑選相關材料，但我已經寫下了一個簡潔的例子，因爲有人投票否決了我的問題不是很酷btw，但業力會得到那個傢伙）。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>IE9 Min-Width Problem</title> 
</head> 
<body style=" width:100%; height:100%; margin:0; border:0; padding:0;"> 
<div style=" position:relative; min-width:500px; max-width:100%; margin:auto; background:red; "> 
<div style=" position:relative; min-width:0; max-width:1000px; margin:auto; padding:10px; "> 
<div style=" position:relative; width:100%; height:500px; background:blue; "> 
This is page content 
</div><!-- closes content --> 
</div><!-- closes inner-wrapper --> 
</div><!-- closes outer-wrapper --> 
</body> 
</html>

來源

2012-08-11 Scopace

順便說一句我只記得一個潛在的重要消息：水平滾動條彈出以使外部容器的全寬可見，但內部容器是正確的寬度。它不再集中在外部容器中，而是恰好在它應該在的位置（距瀏覽器左邊緣10px--填充的大小）。這只是一個愚蠢的外部容器，不會重新調整大小！除非我刷新頁面。然後它再也不會動作了。這裏發生了什麼？！大聲笑 – Scopace 2012-08-11 05:39:26

我會發布你的代碼。 – Ashe 2012-08-11 05:44:43

既然你說，當你上傳頁面，而不是本地這只是發生，你確定CSS文件加載正確？如果你'查看源代碼'並按照鏈接到CSS，它是否正確加載？ CSS文件可能尚未上傳，或者您可能在加載時發生錯誤。

來源

2012-08-11 05:29:36 WhyNotHugo

是的。我的所有其他樣式都在工作，並且該網站在所有其他瀏覽器中按預期工作。 – Scopace 2012-08-11 05:32:38

這似乎是IE9特有的問題，但它可以訪問CSS。我的問題是，沒有人遇到過這個問題？ – Scopace 2012-08-11 05:35:13

在IE9中不允許的最小寬度

回答

相關問題