Question

我想编辑移动设备中文本的margin-top。我已经到了这么远，但我知道代码中有一些疯狂的东西：

.Foljoss {
padding-left: 18px;
background: #fff;
}

@media screen and 
  (max-width: 768px; margin-top:17px)

这是我没有得到它的最后一部分。如何调整移动版<div class="Foljoss">的上边距？请注意@media screen - 部分不正确。

Answer 1

您需要将css包装在媒体查询中的选择器内。

@media screen and (max-width: 768px) {
  .Foljoss {
     margin-top: 17px;
  }
}

＆＃13;

body {
  background-color: lightgreen;
}
.show-on-mobile {
  display: none;
}

@media screen and (max-width: 568px) {
  .show-on-mobile {
    display: block;
  }
  .hide-on-mobile {
    display: none;
  }
  body {
    background-color: lightblue;
  }
}

＆＃13;

<div class="show-on-mobile">Only visible when width is <= 568px</div>
<div class="hide-on-mobile">Disappears when screen width > 568px</div>

＆＃13;

Answer 2

/* 767 is max for mobile */    
@media screen and (max-width: 767px) {
      .Foljoss {
         margin-top: 17px;
      }
    }

如何在移动版本中编辑文本的css margin-top

2 个答案: