html - DIV未显示在@media 414px上

嗨，大家好，我迷路了，我不知道为什么我的DIV没有显示在@media 414px上，却显示在767px-1920px上。我确实使用过滚动揭示。我认为那是影响我的网站的事情。请帮我。谢谢提前

这是下面的css：

.products .prod4{
        display:none;
    }
    .products .prod5{
        display:none;
    }
    .products .prod6{
        display:none;
    }
    .products .prod7{
    display:none;
    }
    .products .prod8{
        display:none;
    }
    .products .prod9{
        display:none;
    }
    .products .prod10{
        display:none;
    }
    .products .prod12{
        display:none;
    }
    .products .prod13{
        display:none;
    }

    .products .prod14{
        display:none;
    }

    .products h2{
        margin-top:-10px;
        font-size:45px;
    }

    .products p{
        margin-left:-15px;
        margin-right:-55px;
        margin-top:-45px;
        font-size:13px;
    }
    .factory-caption-h1a1b span{
         font-size: 110px;
         margin-left:90px;
    }

    .products .resize-top{
        margin-top:-70px;
    }
    .products .blackbg2{
        height:350px;
        background: url(../img/blackbg.jpg) no-repeat;
        width:100%;
        margin-left:-0px;
        margin-bottom:200px;
    }

    .products .blackbg2 p{
        color:white;
    }

最佳答案

<div id="my-content"></div>

...

@media screen and (min-width: 0px) and (max-width: 400px) {
  #my-content { display: block; }  /* show it on small screens */
}

@media screen and (min-width: 401px) and (max-width: 1024px) {
  #my-content { display: none; }   /* hide it elsewhere */
}

请检查此链接：-Div show/hide media query

关于html - DIV未显示在@media 414px上，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/39944069/