响应按钮角

Question

我正在开发一个 angular 8 的应用程序，并且我有一个带有不同按钮的表单。我想知道是否有任何方法可以使 Chrome 和 Firefox 手机显示的按钮响应。这是我现在拥有的：

我的代码：

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">

<div class="row justify-content-around">
  <button (click)="register()" class="btn btn-outline-primary col-4"> Submiiiiiiiiit </button>
  <button type="submit" class="btn btn-primary col-4"> Validate </button>
</div>

第一个按钮的显示是向下的，但第二个按钮没问题，我猜是文本造成了不同。

谢谢。

Answer 1

字体使用单位vw，对应视口宽度的1%。

这是一个代码示例：

.btn {
    font-size: 5vw;
}

以及功能示例here