La page Web php n'est pas pleine à gauche et à droite du téléphone mobile

La page Web php n'est pas pleine sur le téléphone mobile

Lorsque la page Web est affichée sur le téléphone mobile, une méta doit être définieMétadonnées (Les métadonnées sont également appelées données intermédiaires et données relais, et sont des données qui décrivent les données). De cette façon, la taille de la page Web s'adaptera à notre écran mobile. Ajoutez la balise head de html :

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

Afin que la page Web remplisse la largeur de l'écran. sur le téléphone mobile, nous pouvons définir < Le style css de 🎜>body est

body{
    padding: 0;
    margin: 0;
    width: 100%;
}

Vous trouverez ci-joint la balise méta et d'autres analyses d'utilisation des attributs couramment utilisées :

1.

Lors de la navigation sur un téléphone mobile, cette balise permet de préciser s'il faut afficher le numéro de téléphone mobile. dans le contenu de la page Web sous forme d'hyperlien de numérotation.

La valeur par défaut sur l'iPhone est :

<meta name="format-detection" content="telephone=yes"/>

Si vous ne souhaitez pas que votre téléphone affiche automatiquement le numéro de téléphone dans la page Web sous forme d'hyperlien de numérotation, vous pouvez écrire comme ceci :

<meta name="format-detection" content="telephone=no"/>

2.

<meta name=”apple-mobile-web-app-capable” content=”yes” />

La fonction d'apple-mobile-web- compatible avec l'application consiste à supprimer la barre d'outils et la barre de menus Apple par défaut. le contenu a deux valeurs "oui" et "non". Lorsque nous devons afficher la barre d'outils et la barre de menus, il n'est pas nécessaire d'ajouter cette ligne de méta. La valeur par défaut est de l'afficher.

3.

est utilisé pour contrôler le style d'affichage de la barre d'état :

<meta name=”apple-mobile-web-app-status-bar-style” content=”default” />
<meta name=”apple-mobile-web-app-status-bar-style” content=”black” />
<meta name=”apple-mobile-web-app-status-bar-style” content=”black-translucent” />

par défaut : par défaut ; noir : noir pur ; noir-translucide : gris translucide

Pour plus de connaissances sur PHP, veuillez visiter le

Site Web chinois PHP !

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!