我正在尝试在较小的屏幕(移动设备、平板电脑)上观看时，如何去除顶部页边距

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

<div class="container">
  <div class="content">Content here</div>
</div>

.container {
  display: flex;
  flex-direction: column;
  margin-top: 0;
}

<div class="container">
  <div class="content">Content here</div>
</div>

.container {
  display: grid;
  grid-template-rows: auto 1fr; /* 设置第一行高度为自动，第二行高度为剩余空间 */
  margin-top: 0;
}

<script>
  function removeTopMargin() {
    var screenWidth = window.innerWidth;
    var topMargin = screenWidth < 768 ? 0 : 20; // 设置小屏幕下的页边距为0，大屏幕下为20px
    document.body.style.marginTop = topMargin + 'px';
  }

  window.addEventListener('resize', removeTopMargin);
  removeTopMargin();
</script>