Question

我正在使用以下元标记

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

这是我的完整HTML

<!DOCTYPE html>
<html>
<head>

<meta http-equiv=”X-UA-Compatible” content=”IE=edge” /> 
    <title>Compatability Mode?</title>
</head>
<body style="padding:50px;">

    <div style="border:1px solid green;padding:30px;">
        <div style="position:relative; left:-30px">
            <div style="position:absolute;height:20px;width:20px;background:red;left:inherit"></div>
        </div>
    </div>
    <div>
        If the red box is outside the line, it's ie8 mode<br />
        If the red box is inside the line, it's ie7 mode<br />
    </div>
</body>
</html>

现在我想要实现的是，如果用户转到browser mode并将其更改为IE8 Compat View或IE8 Compat view默认compatibility view settings，我想要页面仅在IE8模式下呈现我怎么能这样做？

我可以使用任何解决方案（javascript，jquery）或其他任何东西

Answer 1

你做不到。

通过设计，用户（或管理员）可以完全控制体验，并可以通过多种方式以意想不到的方式查看您的设计。您知道CV按钮（实际上强制页面以IE7模式显示）。还有F12工具，兼容性视图设置，组策略，IE企业模式等。

更好的方法是设计页面，以确定当前功能是否支持使用功能检测，渐进增强，优雅回退等功能。

您可以采取一些措施来影响决策，但总会有一些路径，功能或变通方法，更新或其他您没有想到或预测的因素。

您尝试解决的IE7问题是什么？也许有一种不同的方式来实现这种效果，一种不依赖于IE8独有的功能。

希望能帮到你......

- Lance

P.S。您可能希望查看智能报价设置，因为您发布的示例使用meta元素中的“智能”引号。

即使用户选择IE8 Compat View，也强制ie8标准浏览器模式视图

1 个答案: