如何实现自动调整工具栏？

Question

我有一个工具栏，其中包含许多按钮（显示在一行中）。现在我遇到一个问题，当窗口尺寸太小时，按钮将被覆盖。所以我希望工具栏可以自动调整其宽度和高度，覆盖的按钮可以转到下一行显示。我如何通过CSS实现这一点？如果它需要Javascripts，那就没关系。 风格与Google Spreadsheet的“显示更多”按钮完全相同。 Toolbar Style

Answer 1

我认为，你的意思是你想根据页面大小使其响应？ 然后你可以在你的html页面中使用元标记

<meta name="viewport" content="width=device-width, initial-scale=1.0">

希望这对你有所帮助。

Answer 2

将基于百分比的宽度应用于工具栏可能会解决您的问题：

.toolbar {
   width:100%;
   display:block;
}