Comment adapter le bootstrap

Comment adapter le bootstrap

adaptation d'écran bootstrap

Dans Afin de rendre un site Web développé avec Bootstrap adapté aux mobiles et d'assurer un dessin et une mise à l'échelle de l'écran tactile appropriés, vous devez ajouter la balise méta viewport dans l'en-tête de la page Web, comme indiqué ci-dessous :

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

La largeur L'attribut contrôle la largeur du périphérique. En supposant que votre site Web sera consulté par des appareils avec des résolutions d'écran différentes, le définir sur la largeur de l'appareil garantit qu'il s'affichera correctement sur différents appareils.

initial-scale=1.0 garantit que lorsque la page Web est chargée, elle sera rendue dans un rapport 1:1 sans aucune mise à l'échelle.

Sur les navigateurs mobiles, le zoom peut être désactivé en ajoutant user-scalable=no à la balise méta viewport.

Normalement, maximum-scale=1.0 est utilisé avec user-scalable=no. En désactivant le zoom, les utilisateurs peuvent uniquement faire défiler, ce qui donne à votre site Web l'apparence d'une application native.

<meta name="viewport" content="width=device-width, 
                                     initial-scale=1.0, 
                                     maximum-scale=1.0, 
                                     user-scalable=no">

Recommandations associées : "tutoriel bootstrap"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!