html - 移动和桌面布局上的 CSS 显示

Question

我很难修复它。也许我只是对 css 非常菜鸟。基本上，我希望该图标仅在网站的移动版本中可见。

在 767px 以上，我把这段代码隐藏起来。.neighborhood-img img {display:none;}

我的问题是，如何让它在 767px 宽度以下可见。

谢谢!

Answer 1

嘿，看看这个 css

@media screen and (min-width: 768px) {
    .neighbourhood-img img {display:none;}
}

@media screen and (max-width: 767px) {

        .neighbourhood-img img {display:block;}

}