在显示媒体查询中显示div?

时间:2017-03-22 07:17:13

标签: html css mobile media-queries

Hey Stackoverflow!

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

我目前正在使用php(html,css help)

我的问题是我想在我的媒体查询中显示4张图片(480px)
如果屏幕超过(850px)

,则隐藏它们

你知道我该做什么吗?

感谢您的时间: - )

2 个答案:

答案 0 :(得分:1)

试用此代码

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

答案 1 :(得分:0)

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