Question

请原谅我，因为我是CSS和Web开发的新手。我有视口元标记，并且媒体查询位于单独的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>

// response.css

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

Answer 1

您忘记了单位px：

@media (max-width: 768)

必须

@media (max-width: 768px)

我似乎无法让媒体查询在响应网站上正常工作

1 个答案: