如何让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){&nbsp; .content-desktop(&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;display:none;&nbsp; &nbsp;)&nbsp; }

Answer 3

为此，您将需要一些响应式设计代码。大约 900px 应该足够了：@media screen and (min-width: 800px) {&nbsp; &nbsp; .yourclass {&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; min 800px&nbsp; &nbsp; }}