如何在HTML中控制兼容模式

时间:2016-09-08 16:16:15

标签: html internet-explorer

我当前网站上的标准PC版本在兼容性视图中显示内部网站点'集。

如果我清除此选项,那么我写的网站会正确显示,如果已设置,则该网站无法正确显示

那么我怎么能说不在页面的标题中使用兼容模式

当前标题如下;

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Consultant Triage</title>
    <link rel="stylesheet" href="https//fonts.googleapis.com/css?family=Roboto:regular,bold,italic,thin,light,bolditalic,black,medium&amp;lang=en" />
    <link rel="stylesheet" href="https://code.getmdl.io/1.2.0/material.blue-amber.min.css" />
    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />


    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js" type="text/javascript"></script>

    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

</head>

1 个答案:

答案 0 :(得分:0)

将以下行放在链接

之前的标题中
<meta http-equiv="X-UA-Compatible" content="IE=edge" />

它必须是第一个元标记