<input>字体大小不断改变宽度

Question

所以基本上我有这个

#calculator {
  background-color: #212121;
  border-radius: 10px;
  overflow: hidden;
  display: inline-block;
}

#functionality {
  width: 100%;
  height: 100%;
  margin: 15px 5px 5px 15px;
  overflow: hidden;
}

#display_calc {
  max-width: 91%;
  width: 91%;
  height: 70px;
  background-color: #1a1a1a;
}

#display {
  min-width: 100%;
  max-width: 100%;
  height: 100%;
  font-size: 50px;
  background-color: rgba(0, 50, 0, 5);
  color: white;
  border: none;
}

<div id="calculator">
  <div id="functionality">
    <div id="display_calc">
      <input id="display">
    </div>
  </div>
</div>

当我更改显示字体大小时，宽度变得非常宽。我尝试了很多方法但没有任何帮助。

我尝试对 div 添加许多限制，但输入的最大宽度不起作用。

Answer 1

您可以添加问题的屏幕截图吗？或者描述一下你想要完成什么？