首先:我来自德国,所以我很抱歉我的英语不好......我希望你能理解一切!
我是一名对编码非常感兴趣的快 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/