Angular Material 输入 p g 文本剪切

Question

我有一个 Angular Material 项目，我使用响应式(Reactive) Web 表单。
在那个项目中，我有几个带有输入 formControls (matInput) 的 mat-form-fields。
我已经看到带有 p g j 等的文本被切断了。


有什么解决办法吗？

Answer 1

您可以通过调整主题输入中的输入行高度来解决此问题。

例子:

$custom-typography: mat-typography-config(
    $font-family: 'apple-system, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"',
    $input: mat-typography-level(inherit, 1.15, 400)
);

退房 https://material.angular.io/guide/typography详情。