React JS引导按钮的高度和宽度限制

【问题标题】：React JS bootstrap button limit on height and widthReact JS引导按钮的高度和宽度限制
【发布时间】：2020-12-12 00:34:24
【问题描述】：

我想从 react-bootstrap/Button 创建一个圆形按钮，但遇到了一个问题，它限制了按钮的大小。

.circle-btn {
  width: .2vw;
  border-radius: 50%;
  border: solid #9a9a9a 1px;
}

<Button className="circle-btn">
   a
</Button>

我想创建一个带有圆形的小圆形按钮。我的问题是反应 js 引导按钮的大小是否有限制？

【问题讨论】：

标签： react-bootstrap

【解决方案1】：

对于按钮的高度和宽度，您可以渲染的最小单位是1px。 react-bootstrap 组件也是如此，尽管应该覆盖 CSS 以实现此限制。

请参阅我示例中的小黄点：

ReactDOM.render(&lt;button&gt;&lt;/button&gt;, document.getElementById("root"))

body {
  background: black;
}

button {
  height: 1px;
  width: 1px;
  padding: 0;
  border: 0;
  background: yellow;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.8.0/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.8.0/umd/react-dom.production.min.js"></script>
<div id="root"></div>

【讨论】：