众所周知,在IE7和IE8中的测试可能会非常退出! (即使在最好的时间)。 我想如果您不使用工具或虚拟机,我将分享一种快速的方法来测试IE7和IE8中的布局是否损坏 。 您只需要在开头标签之后直接在下面包含meta标签。
这是使用IE8标准模式发现的菜单损坏的示例。
指定IE文档兼容模式
您可以使用文档模式来控制Internet Explorer解释和显示网页的方式。
X-UA兼容标头指示Internet Explorer在确定如何显示网页时模仿Internet Explorer 8的行为。
阅读有关定义文档兼容性的更多信息。
因此您的页面可能如下所示:
My webpage Content goes here.
IE开发人员工具
如果我们检查IE开发人员工具,我们可以看到它正在IE8标准文档模式下运行(按F12键打开IE开发人员工具)。 从这里我们可以轻松地在版本之间切换,但是我们在meta标记中指定的版本成为页面默认值。
为什么使用meta标签?
您可能会想为什么仅在IE dev工具中更改模式时为什么要使用meta标记。 好吧,如果您使用条件加载IE8样式表,则meta标签会强制加载该样式表。
IE7
对于IE7,只需使用以下meta标签即可。
更多想法
请注意,我非常确定这仅在使用IE9时才有效(不适用于FF或Chrome-如果我在那里写错了,请改正我),添加元标记后,您需要刷新页面。 我也不确定IE10,我还没用过它!!!