垫输入的占位符文本模糊

Question

在Chrome / Safari（我认为一切正常）上，matInput占位符文本模糊。

代码：

<div class="form-group">
     <mat-form-field>
        <input matInput placeholder="Email" ngModel name="email" id="email" type="email" required>
    </mat-form-field>
</div>
<div class="form-group">
   <mat-form-field>
        <input matInput placeholder="Password" ngModel name="password" id="password" type="password" required>
   </mat-form-field>
</div>

屏幕截图：

Answer 1

此问题是由于将元素居中与变换/平移50％引起的。

使用弹性盒并对齐项目中心可解决此问题！

抬起头来！