Html @媒体没有回应W3C说代码很好_Html_Css_W3c

Html @媒体没有回应W3C说代码很好

html css

Html @媒体没有回应W3C说代码很好,html,css,w3c,Html,Css,W3c,我写了一些媒体查询，但似乎不起作用。然而，当我用W3C验证它们时，它说它们没有错误为什么我的字体权重和背景颜色不变。我的HTML正确链接到我的CSS。以下是我的CSS： @media (max-width: 800px) { body { background-color: red; } h1 { font-weight: 300; } } @media (min-width: 801px) and (max-width:

我写了一些媒体查询，但似乎不起作用。然而，当我用W3C验证它们时，它说它们没有错误

为什么我的字体权重和背景颜色不变。我的HTML正确链接到我的CSS。以下是我的CSS：

@media (max-width: 800px) {

    body {
        background-color: red;
    }

    h1 {
        font-weight: 300;
    }
}

@media (min-width: 801px) and (max-width: 1000px) {

    body {
        background-color: orange;
    }

    h1 {
        font-weight: 600;
    }
}

@media (min-width: 1001px) {

    body {
        background-color: yellow;
    }

    h1 {
        font-weight: 900;
    }
}

根据要求，这是负责人：

<head>
<meta name="viewport" content="width=device-width" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Media Query Test</title>
<link type="text/css" rel="stylesheet" src="css/style.css" />
</head>


媒体查询测试

确保您的头标签上有：

<meta name="viewport" content="width=device-width" />

发现了类似的东西：

哇

现在已经很晚了，我已经看了太久的代码了

问题出在我的脑子里。在尝试链接外部CSS时，我使用了“src”而不是“href”

有史以来最严重的公众羞辱

应改为：

<link type="text/css" rel="stylesheet" href="css/style.css">

您正在哪个浏览器中尝试此操作？我觉得上面的代码不错，一定是其他代码。请告诉我们有这个问题的url？上面的代码按预期工作：问题是什么？它在Chrome和Safari中确实工作。正如戈迪纳尔所说，你的问题肯定有另一个根源。事实上，你的问题没有提供足够的信息来帮助你。你的HTML中有元视口标记吗？这个答案没有错——它甚至可能对未来的访问者有帮助，所以为什么要否决它？我总能找到一个可能与问题相匹配的答案。但这就像是在看水晶球——而不是根据事实回答。但事实上，我恢复了我的否决票——因为否决票应该用于“无用的答案”……是的，像这样的事情不会伤害用户尝试/拥有它。但这并没有解决我的问题。我的建议是增加你的头部部分，在小提琴中的bode中添加一些内容，这样我们就可以看到问题所在