gpt4 book ai didi

html - @media 没有回应 W3C 说代码很好

转载 作者:太空宇宙 更新时间:2023-11-04 03:48:04 26 4
gpt4 key购买 nike

我写了一些似乎不起作用的媒体查询。然而,当我用 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>

最佳答案

确保你的 head 标签中有这个:

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

发现了类似的东西:

CSS3 media queries not working

关于html - @media 没有回应 W3C 说代码很好,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23807828/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com