Question

当我运行我的网站时，例如：/ localhost / Test然后框模型和表格边框/填充/间距等......看起来很正常。

示例IE9 Box模型OK localHost：http://www.flickr.com/photos/cenesam/6243269622/in/photostream

当我运行相同的测试网站：/我的计算机名称/测试然后IE9变得古怪，盒子模型增加填充/间距等...

示例IE9 BoxModel NOK Computername：网址：http://www.flickr.com/photos/cenesam/6242752657/in/photostream

有没有人认识到这种行为并知道如何处理这个问题？我已经包含了2张样本图片来显示视觉问题。一个是localhost，一个是计算机名。

非常感谢任何想法。谢谢， Joost的

最终在网络上的某个地方找到了答案。斯普利（谢谢！）向我指出了正确的方向。这个元标记绝对是答案!!

但重要的是，IE需要将此标记作为Head部分中的第一个标记。我的网站使用主题引擎来解析头标记中的样式，因此它无法正常工作。

现在我在web.config（webserver部分）中通过以下方式覆盖它：

<httpProtocol>
      <customHeaders>
        <remove name="X-UA-Compatible" />
        <add name="X-UA-Compatible" value="IE=Edge" />
      </customHeaders>
</httpProtocol>

现在它最终再次运作。谢谢大家和我一起思考！

Answer 1

检查开发人员工具窗口（按F12）以查看正在使用的渲染模式。

IE具有配置设置，可能导致它在某些情况下回退到兼容模式。其中一种情况是它在“本地Intranet站点”（包括localhost）上运行。

转到IE工具菜单，然后选择“兼容性视图设置”以更改此配置。

要强制网站以正确的模式加载，无论此设置如何，您都可以在HTML <head>中添加以下元标记：

<meta http-equiv="X-UA-Compatible" content="IE=Edge" />

希望有所帮助。

Answer 2

您是否在页面中添加了html doctype？ Ie9根据doctype和/或meta标签的值修改其行为。

http://www.google.com/search?hl=en&q=ie9+doctype+site%3Amicrosoft.com

Answer 3

检查URL栏中的“兼容性视图”图标（“已损坏的页面”），看看点击（即“激活”它）是否会发生变化。

显示菜单栏（右键单击 - ＆gt;菜单栏）转到附加内容 - ＆gt;兼容性视图首选项（像这样，我在这里得到德语版本）并删除“内部网”复选框。

将localhost更改为computername时的IE 9 BoxModel填充/间距问题

3 个答案: