Html 当页面切换到移动设计时，如何将主体内容进一步向下移动？

当我的网站转到850px时，它切换到移动设计，问题是我有一个按钮，它同时出现在桌面和移动模式上，但当它在移动设计的开始，即850 px时，按钮隐藏在标题横幅下。我想把整个网站的主体内容向下推。我可以在桌面模式下使用CSS属性-margin top:200px来实现这一点，我想知道是否有@media或任何其他类型的代码可以仅仅为了移动设计而改变这一点

我发现，如果我把它的代码确实改变了它，但肯定有一个更好的方法，而不仅仅是在按钮代码中有一些，甚至这将只是改变它的桌面设计

对不起，如果我的解释没有多大意义

我会显示我的按钮代码，如果这有帮助，如果任何其他代码需要帮助，任何人都可以让我知道

.quote按钮主按钮。按钮{ 显示：内联块； 边界半径：20px； 背景色：45C236； 边界：无； 颜色：FFFFFF； 文本对齐：居中； 字体大小：20px； 填充：15px； 宽度：自动； 过渡：均为0.5s； 光标：指针； 保证金：5px； } .按钮跨度{ 光标：指针； 显示：内联块； 位置：相对位置； 过渡：0.5s； } .按钮跨度：之后{ 内容：'\00bb'； 位置：绝对位置； 不透明度：0； 排名：0； 右：-20px； 过渡：0.5s； } .按钮：悬停范围{ 右边填充：26px； } .按钮：悬停范围：之后{ 不透明度：1； 右：0； } 再次感谢您的帮助

桌面模式的屏幕截图： 带有隐藏在顶部横幅下的按钮的移动模式屏幕截图：

---

好的，只需将内容包装器的顶部边距放入其他CSS规则下面的媒体查询中，如下所示：

@media screen and (max-width: 850px) {
  .yourcontentdiv {
    margin-top: 200px;
  }
}

---

你能提供一个例子制作你的问题或屏幕截图…它如何转换到移动设计？使用媒体查询？是的，我可以提供一个屏幕截图，是的，我可以使用媒体查询将其切换到移动。首先在我的帖子中添加了两个桌面设计的屏幕截图，然后在我的帖子中添加了移动设计的屏幕截图。只需将页边空白顶部添加到使用媒体查询的desire屏幕大小上的taht按钮。我尝试了这一点，但它只是将其更改为桌面设计，但是我可以试着把它弄得一团糟，看看我能想到的其他东西是否可行。似乎你没有找到正确的元素，你没有发布足够的代码来查看哪个元素可能是。在移动模拟模式下使用开发者工具，并尝试在那里找到合适的元素right，只是再试一次，我不知道我到底做错了什么，因为上面的代码和我的一样，只是像素边距被设置为400px，所以如果它能工作，它会被大幅更改，以证明它能工作，但它现在似乎能工作，所以，谢谢你，哈哈