如何让div只显示在桌面上？

Question

我目前正在使用一个 div 警报，我只想在桌面视图上显示它。我正在我的容器中使用该类content-desktop，但我仍然在移动设备中看到这个 div。如何仅在桌面上显示此 div？ <div class="feedback-container content-desktop" id="alert-dialog">        <div class="feedback-left">          <p>Have any feedback? Reach out to us!</p>            </div>            <div class="feedback-right">            <button class="feedback-button">Give Feedback</button>            <button class="feedback-button">Dismiss</button>        </div>            </div>

Answer 1

您可以使用CSS 媒体查询使其仅显示在大于 XXXpx 的显示器上

Answer 2

您可以使用 css 媒体查询

@media(max-width:991px){

  .content-desktop(

             display:none;

   )

  }

Answer 3

为此，您将需要一些响应式设计代码。大约 900px 应该足够了：

@media screen and (min-width: 800px) {

    .yourclass { 

        min 800px

    }

}