Css 如何在浏览器上堆叠或隐藏侧边栏

我拼命地想让我的网站对手机友好。让事情变得相当复杂的是，虽然我熟悉HTML，但我也是一个CSS noob

我希望强制我的浮动边栏堆叠以获得更小的分辨率（iPhone、平板电脑等）。如果不是，我愿意把这该死的东西藏起来

我肯定我看到了关于如何进行此操作的信息，但无法通过搜索“浏览器调整大小时的侧栏堆栈”、“浏览器调整大小时隐藏侧栏”或其任何变体来重新定位它

这是一个我用来做实验的。

使用一个。当文档小于

750px

宽度时：

@media screen and (max-width: 750px)  {
  aside { display: none; }
  article { width: 100%; }
} 

---

您还可以找到标准设备的代码段列表。

如果您想要移动友好的用户界面，可以使用Bootstrap的导航栏。这是一个。

用法。谢谢。非常有用。而且也很及时。哎呀！这张票关门了吗？我发现有一类设备能够满足媒体查询不显示旁白的请求，但不会将文章增加到100%。我已经使用了代码，包括使用“inherit”作为文章宽度，但唯一能做到这一点的是在“main”属性下增加文章的原始值。当然，这会引起其他问题。你能想出我可以尝试的其他东西吗？我不太确定你想要实现什么。也许您可以发布相关代码并构造另一个问题？