Question

我正在尝试将按钮菜单转换为下拉菜单以适合小屏幕。我有以下菜单HTML：

<ul>
    <button>Button1</button>
    <button>Button2</button>
    <button>Button3</button>
    <button>Button4</button>
</ul>

我为每个屏幕尺寸都有一些单独的CSS，但我只有一套HTML。如何将按钮设置为小屏幕尺寸的下拉列表？

Answer 1

<h1>Area Calculator for Rectangles</h1>
<form>
  Side Length One<br>
  <input type="text" id="one"><br> Side Length Two<br>
  <input type="text" id="two">

</form>
<button id="button">SUMBIT</button>
<p id="output"></p>

这是创建下拉菜单的基本结构。您可以使用css样式添加下拉效果。

Answer 2

试试这个，

<ul>
    <li><button>Button1</button></li>
    <li><button>Button2</button></li>
    <li><button>Button3</button></li>
    <li><button>Button4</button></li>
</ul>

将菜单按钮转换为小屏幕的下拉菜单（Angular2）

2 个答案: