gpt4 book ai didi

css - 我似乎无法让我的媒体查询为响应式网站工作

转载 作者:太空宇宙 更新时间:2023-11-03 22:20:28 25 4
gpt4 key购买 nike

请原谅,我是 CSS 和网络开发的新手。我有视口(viewport)元标记,并且在单独的 css 文件中有媒体查询。我查看了我的代码,HTML 文档中没有任何样式更改,而且我在 style.css 中也没有看到任何应该覆盖的内容。我似乎找不到我的错误。

index.html

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>TITLE</title>
<link rel="stylesheet" type="text/css" href="../css/responsive.css"/>
<link rel="stylesheet" type="text/css" href="../css/style.css"/>
</head>

//响应式.css

@media (max-width: 768){  
body{
display:none;
}
}

最佳答案

您忘记了单位 px:

@media (max-width: 768)

必须是

@media (max-width: 768px)    

关于css - 我似乎无法让我的媒体查询为响应式网站工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54117715/

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