html - 如果屏幕太小,我如何在 blogger.com 上构建一个响应式导航栏,它变成一个下拉菜单?

标签 html css drop-down-menu navbar blogger

首先:我来自德国,所以我很抱歉我的英语不好......我希望你能理解一切!

我是一名对编码非常感兴趣的快 16 岁的学生。明年我将在大学学习计算机科学。 所以最近我开始学习一些关于 HTML 和 CSS 的东西。为了运用我的新知识,我在 Blogger.com(来自 Google)上创建了一个“fake-/test-blog”。

我找到了一个关于如何编写自己的模板的德语教程,但该教程不是针对响应式设计的。所以我试了又试并取得了成功——除了一件事……

我现在在这里的原因是我想在导航栏中创建一个菜单,如果屏幕太小而无法显示整个菜单,它就会变成/变成一种下拉菜单线(例如在智能手机或平板电脑或 4:3 屏幕等上)。

在网上找了半天,没有找到有用的信息。我找到的每条指令都使用 JavaScript,但我需要一个仅适用于 HTML 和 CSS 的代码...

所以也许有人可以在这里通过链接、代码等帮助我。我希望我的问题是可以理解的,尤其是可以解决的!

提前致谢!

忍者

最佳答案

你可以看看bootstrap这是一个移动优先的框架,非常适合制作响应式导航栏之类的东西。
你也可以看看pure css这是实现这一目标的另一个漂亮框架

还有:
正如 Samus Hands 所提到的,您可以查看 media queries

祝编码和教育顺利

希望这对您有所帮助!

关于html - 如果屏幕太小,我如何在 blogger.com 上构建一个响应式导航栏,它变成一个下拉菜单?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33199264/

相关文章:

html - Bootstrap 中的默认填充类可用

jquery - 使用 jquery 禁用 html 列表的工具提示

javascript - 为什么下拉菜单下的部分颜色变浅?

javascript - 带有填充的多级下拉菜单,在进入子菜单时不会消失

CSS 下拉菜单不会与父菜单对齐

html - 隐藏 :before on :hover button

HTML,溢出 :scroll, 和 float

c# - 在文本框中使用 jquery 和 html5 必需属性时,asp.net 按钮事件未触发

html - onclick on 选项标签不适用于 IE 和 chrome

html - 背景图像大小在 IE 8 中不起作用