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

Question

我目前有一个 div 提醒，我正在使用它，我只想在桌面视图中显示。

我在我的容器中使用 class 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

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

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

Answer 2

您可以使用 css 媒体查询

@media(max-width:991px){
  .content-desktop(
             display:none;
   )
  }

Answer 3

您可以使用 CSS Media Queries 使其仅在大于 XXXpx 的显示器上显示

@media screen and (max-width: 767px) {
  .content-desktop {
    display: none;
  }
}

小于767px的屏幕会隐藏

您必须将其添加到单独的 CSS 文件中或样式标签之间

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

How to have div only show on desktop?

html

css

desktop