如何讓我的 CSS 媒體查詢工作？

Question

我無法讓我的 CSS 媒體查詢工作。 我過去曾與他們合作過，他們為我工作，但在這個特定的網站上，他們沒有 function。 我添加了<meta name="viewport" content="width=device-width, initial-scale=1">但它仍然不起作用。 這是我的 HTML ，這是我唯一的 CSS 媒體查詢@media and screen ( max-width: 700px ) {.header-image {display: none;}}你在某處看到錯誤嗎？ 我很確定這將是一件完全無關緊要的事情，但我花了幾個小時試圖讓它發揮作用，但到目前為止還沒有成功。 非常感謝：）

Answer 1

您的代碼語法錯誤

這是有效的媒體查詢

@media screen and ( max-width: 700px ) { ... }