使用CSS删除移动设备的最高利润

Question

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

如何删除为向下移动小部件而添加的其他顶部空白CSS：

.widget_peepsowidgetlatestmembers {

    margin-top: 300px;
    }

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

Answer 1

这里是如何在特定的屏幕宽度范围（例如0到768像素宽）上应用CSS规则

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