Tengo un formulario de un tamaño especifico, pero quiero que si la pantalla tiene una resolución de menos 1024px, el tamaño del formulario se reduzca( que sea responsivo vaya). Este es el html:
<mat-form-field appearance="outline" class="user">
<mat-label style="font-family: Roboto;"><b>User</b></mat-label>
<input style="font-family: Roboto; font-size: 20px;" matInput [(ngModel)]="user">
<mat-icon class="icon2" matSuffix>account_box</mat-icon>
</mat-form-field>
esta es la "validacion":
<script>
if (screen.width < 1024) {
document.write("Pequeña")
} else { }
</script>
@media