如何仅为移动版本创建div？

Question

我想用图像和texx在html中创建div，但是它应该仅出现在移动版本中，我该怎么做？ 这是一些代码。

  /*-- Mobile Design---- */

@media (min-width: 320px) and (max-width: 767px) {
  /* put your css styles in here */
  html,
  body {
    margin-top: 0;
    margin-bottom: 0;
  }
  a.navbar-brand img {
    padding: 0;
    display: flex;
    margin-left: 10px;
    margin-right: auto;
    width: 95%;
    max-width: 200px;
  }
  .header {
    height: 15%;
  }
  .navbar-toggler i {
    font-size: 22px;
    margin-right: 10px;
  }

Answer 1

默认情况下隐藏该元素，仅在适合您的约束时显示它。例如：

.yourElement {
   display: none;
}

@media (min-width: 320px) and (max-width: 767px) {
   .yourElement {
       display: block;
    }
}