html - 希望使此菜单响应较小的屏幕和设备

标签 html css

[这张图片是全屏显示的页面。][1]

[这就是我希望菜单在较小屏幕上的样子。][2]

我希望菜单看起来像这样是一个垂直菜单。单击其中一个标题时,会出现子菜单。我的目标是为移动设备提供更多功能。有什么想法吗?我已经阅读了很多关于如何执行此操作的文章,但无法使其与下面的菜单一起使用:任何想法都会有所帮助。我在让它工作和响应方面遇到了很多麻烦。

最佳答案

我会考虑使用 Bootstrap。将其引入您的元素非常简单,您可以找到他们的响应式导航栏代码 here .

关于html - 希望使此菜单响应较小的屏幕和设备,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48632092/

相关文章:

ASP.net 菜单 CSS 父节点选择的样式没有 URL

css - 如何摆脱 IE 和 Opera 中提交按钮的内边框?

css - 自定义复选框隐藏背景和边框

jquery - 可排序的更改 div 取决于索引

javascript - 在单个位置显示循环结果

php - 将数据上传到 MySQL 数据库时出现问题

html - 选择嵌套的 CSS 类

firefox - CSS3 : Why isn't this working in FireFox?

html - 我怎样才能让这些单选按钮并排放置

javascript - 使用 Web API 存储创建 'truly global' 整数变量