css - 试图在移动设备上隐藏图像

Question

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

我使用了我认为正确的 CSS，当我在虚拟小屏幕中预览网站时，图像被隐藏了。

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

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

Answer 1

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