Question

我是html的初学者，想要设计简单的网站，我在网上写任何HTML代码，html头标记代码是：

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>Shop Homepage - Start Bootstrap Template</title>

    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link href="css/shop-homepage.css" rel="stylesheet">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

但是这个代码只是在微软边缘显示我是正确的，并且在firefox或任何浏览器上都显示不正确，我该如何解决呢？谢谢。

Answer 1

你可能误解了这一行的目的：

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

该行并不意味着＆＃34;将在Microsoft Edge＆＃34;

中运行

它指示Internet Explorer浏览器的当前版本和旧版本（以及NOT edge）使用最新的文档处理规则，而不是试图猜测Web开发人员对网页文档应该如何应该的期望在Internet Explorer中处理。

当Web开发人员包含元标题时，它告诉IE始终假设Web开发人员已经针对最新版本的IE测试了网站，特别是关于＆＃34;兼容模式＆＃34;的IE，并不希望IE试图打开兼容性视图。

Chrome，Firefox和其他浏览器会忽略该行。

为什么我的网站在microsoft边缘正确显示并且在Firefox上显示不正确？

1 个答案: