html - 在 chrome 上测试响应时按钮没有正确显示

Question

在 chrome(ipad pro 模式)中测试响应时，按钮看起来被压扁了。平板电脑和手机上的所有其他 View 按钮均正确显示。我尝试在按钮上设置一个最小宽度，但这没有帮助，因为按钮看起来对页面来说太大了。有什么办法可以将按钮向左移动更多或将其设置在中间。

button id="updatePasswordButton" class="btn btn-block btn-success" data-bind="enable: canUpdatePassword, click: resetPassword">



.btn-success {
    min-width: 140px;
}

Answer 1

我相信你忘记在按钮标签或关闭它之间写一些东西。试试这个:

.btn-success {
  min-width: 140px;
}

<button id="updatePasswordButton" class="btn btn-block btn-success" data-bind="enable: canUpdatePassword, click: resetPassword">Update</button>