Question

嗨，你们可以帮助我迷路吗？我不知道为什么我的DIV没有出现在@media 414px上，但是它显示在767px - 1920px上。我确实使用了scroll reveal.js我认为这会影响我的网站。请帮我。谢谢你提前

以下是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;
    }

Answer 1

<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

DIV没有在@media 414px上显示

1 个答案: