尝试在移动设备上隐藏图像

Question

我正在尝试在移动设备上隐藏https://gambiaschoolsupport.org/的标题图片。

我使用了我认为正确的CSS，并且在虚拟的小屏幕上预览站点时，图像被隐藏了。

   }
   @media (max-width: 768px) {
   .header-image {
   display:none;
   }

但是，当我在实际的移动设备上查看网站时，图像仍然存在！到底是怎么回事？

Answer 1

我检查了您的网站，发现您的内部样式标签包含display:block类的.header-image。删除并检查。但在您这样做之前，还要从https://gambiaschoolsupport.org/wp-content/cache/autoptimize/css/autoptimize_de8fa02bd732efd9e22723257049a7e0.css中的display:none类中删除.header-image。让我知道这是否适合您。

Answer 2

使用媒体屏幕

@media screen and (max-width:768px)