有没有一种方法可以在浏览器达到一定大小时使侧边栏折叠到页面底部而无需任何 JavaScript。
我正在创建一个可以在 http://flexibletheme.tumblr.com/ 上看到的响应式主题.通过将浏览器窗口的大小调整到 600 像素以下,主题将变为线性版本(只需将浏览器的大小调整得更小,直到它变成这样)。
在顶部,侧边栏变成了一个完整的菜单,这是我想转到底部而不是留在顶部的部分。
CSS代码的相关部分是@media screen and (max-width: 600px)【这告诉浏览器当浏览器小于600px时使用指定的CSS】,侧边栏使用名为 的 HTML 5 元素,每篇文章都包含在 中。
最佳答案
您是否尝试过将整个 aside block 移动到容器下方?我自己仍在学习响应式网页设计,但我的理解是,如果您将 html 结构化为您想要容纳的最小尺寸,您将拥有更简洁的布局和更少的 hack。
关于html - 在响应式 CSS 和 HTML 网站中向下插入侧边栏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7538922/