css - 使用 CSS 移除移动设备的上边距

Question

我添加了上边距以向下移动一些卡在另一个图形元素下的小部件。在移动设备上，这些小部件移动到页面底部（而不是侧边栏）。

如何删除我添加以向下移动小部件的额外上边距 css：

.widget_peepsowidgetlatestmembers {

    margin-top: 300px;
    }

这会使它们向下移动，但我需要为平板电脑和移动屏幕删除它，因为这是浪费空间。谢谢！

标签： css

Answer 1

以下是如何在特定的屏幕宽度范围（例如 0 到 768px 宽）上应用 css 规则

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