J'ai un formulaire qui inclut la liste des éléments.Le devrait être réactif et doit être adapté à tous ces écrans.Lorsque je gère ce projet, tout le monde a l'air bien sur grand écran, mais quand je le rend plus petit, cette étiquette de langue et sa Les boutons se sont séparés de manière aussi mauvaise que vous pouvez voir sur la photo.Comment-je le faire toujours ensemble et dans la même rangée? Je veux que cela semble comme dans la première image pour les gros écrans.
Outre si je fais cette langue texte 
mobile 
h4 ( Comme les autres titres), cette étiquette de langue et ces boutons sont devenus aussi mauvais que de petite taille.Aussi je veux cette étiquette de langue comme H4 .Perez ce que j'ai essayé ci-dessous
3 Réponses :
Vous pouvez essayer d'expérimenter avec l'attribut X-Overflow CSS-DIP de vos DIV, mais qui vaincre le but de l'utilisation de la grille réactive des démarrages.
L'idée de la conception réactive est de ne pas le faire ressembler exactement à tous les sreensizes, mais de voir si vous pouvez trouver des moyens de tirer le meilleur parti de toutes les formes individuelles.
Vous pouvez essayer le code suivant:
html: CSS:
Je suppose que vous pouvez utiliser Il suffit d'ajouter ce changement mineur P> d-flex code> sur li code>
et ajoutez margin-droite code> à votre forte code> ou H4 code> tag. Cela fonctionne bien même si vous êtes en résolution de 320px. J'espère que cela aide
réactif à 320px <li class="d-flex">
<div class="example-button-row">
<strong style="font-size:22px; margin-right:20px">Language</strong>
<button mat-stroked-button>English</button>
<button mat-stroked-button>German</button>
</div>
</li>
