我是否在带有显示的媒体查询中显示 div？

Question

嘿 Stackoverflow！

我有问题。 我已经尝试过查看其他问题，但我没有得到我想要的答案，所以我会在这里问。

我目前从事 php 工作（html、css 帮助）

我的问题是我想在媒体查询中显示 4 张图片（480 像素）
如果屏幕大于（850px），则隐藏它们

你知道我要做什么吗？

感谢您的宝贵时间 :-)

Answer 1

试试这个代码

    @media screen and (min-width: 480px) and (max-width: 849px) {
        .picture{
           display:block;
        }
   }
   @media screen and (min-width: 850px)  {
        .picture{
           display:none;
        }
   }

Answer 2

您可以添加 850 像素的媒体查询并在 CSS 中提及 display:none。