Question

我有一个外部容器，最小宽度为px，内部容器有最大宽度和少量填充（也都是px）。
在IE 9中，页面最初显示正确，但是当我放大或重新调整大小时，外部容器似乎拒绝收缩到其最小宽度，而是保持其当前宽度并抛出水平滚动条。但是，如果刷新页面，那么之后似乎工作正常。我可以告诉它只在IE9中这样做。 Chrome，FF，Opera和IE6-8都运行良好。 没错，IETester甚至显示了非常讨厌的IE6正确呈现它！仅供参考我有一个XHTML 1.0严格的文档类型，我的IE9似乎是在Internet Explorer 9标准模式下显示页面。

无需发布我的所有代码，是否有人有任何建议？

不幸的是，似乎没有人能够从我所知道的地方遇到这个问题。另一个小问题，为了使它更奇怪（或者可能是一个线索），IE9似乎只在服务器上查看页面时（上传到我的网站或使用EasyPHP时）这样做。在本地查看它的行为应该如此任何信息都会有所帮助，甚至更好的方式来获得我想要的效果。为了澄清，我希望我的页面具有最小和最大宽度（以像素为单位）。如果视口大于最大宽度，则需要相等的边距（居中页面）。如果视口位于最小和最大宽度范围内，我希望可以看到少量背景可见，因此页面的左右边缘更明显（而不是刚刚到达边缘浏览器 - 这是我在内部容器上的填充进来的地方）。最后，如果视口小于页面的最小宽度（内部容器），我仍然会喜欢填充（填充的小边缘）以及水平滚动条。非常感谢任何帮助，如果您需要更多信息（如果我在长篇大论中没有提供足够的信息），请告诉我。

附加信息：正如我所说，我并不热衷于浏览整个网站的代码并选择相关材料，但我已经开始写了一个简洁的例子，因为有人投了我的问题（这不是不过很酷，但业力会得到那个家伙。

<!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>

Answer 1

既然你说这只是在你上传页面时发生的，而不是在本地发生的，你确定CSS文件是否正确加载？如果您'查看源'并按照指向CSS的链接，它是否正确加载？ CSS文件可能尚未上传，或者您可能在加载时遇到错误。

IE9中未考虑最小宽度

1 个答案: