为什么display：none在这里不起作用？

Question

我认为问题是#header img不起作用。

 #header img { border-style: solid; border-color: #000000; border-width: 5px; padding: 5px } @media only screen and (max-width: 840px) { #header img { display:none; } } 

 <h1><a href="index.html" id="logo"><img src="images/platzhalter.jpg" </a></h1> 

Answer 1

 #header img { border-style: solid; border-color: #000000; border-width: 5px; padding: 5px } @media only screen and (max-width: 840px) { #header img { display:none; } } 

 <h1><a href="index.html" id="logo"><img src="images/platzhalter.jpg" </a></h1> 

您没有#header img，请尝试使用#logo更改#header

@media only screen and (max-width: 840px) { #logo img { display:none; } 

Answer 2

您是说#logo而不是#header吗？ 在填充末尾您还缺少尾随的分号：5px 。

这对我有用：

#logo img 
{
    border-style: solid;
         border-color: #000000;
         border-width: 5px;
         padding: 5px;
}

@media only screen and (max-width: 840px) { #logo img { display:none; } } 

Answer 3

选择器#header img与代码段中的任何元素都不匹配，因为不存在具有id属性值header元素。