Comment définir la largeur de la taille de l'écran mobile en utilisant HTML/CSS

Question

Je développe une page de registre de site Web. Avec le piège ci-dessus, j'ai dirigé la page vers une page mobile distincte, où les problèmes ont commencé avec la définition de la largeur.

dans la page mobile, j'ai essayé régler la largeur en CSS comme width="auto", width=100% et même un élément de largeur, mais la page registre occupe seulement 30% à 40% de l'écran (used align: left) et non visibles. J'utilise PHP et MySQL.

S'il vous plaît aidez-moi comment sortir de ce problème

Answer 1

Essayez d'ajouter cette balise dans la balise head:

`<meta name="viewport" content="width=device-width, initial-scale=1">` 

et je vous conseille d'utiliser bootstrap il sera réparer tout pour vous

Answer 2

Jetez un oeil à cette page: https://www.w3schools.com/html/html_responsive.asp

il y a une explication à ce sujet comme wel comme exemples.

voir: <meta name="viewport" content="width=device-width, initial-scale=1.0">