Die PHP-Webseite ist auf der linken und rechten Seite des Mobiltelefons nicht voll

Die PHP-Webseite ist auf dem Mobiltelefon nicht voll

Wenn die Webseite auf dem Mobiltelefon angezeigt wird, Es muss ein Meta festgelegt werdenMetadaten (Metadaten werden auch als Zwischendaten und Weiterleitungsdaten bezeichnet und sind Daten, die Daten beschreiben). Auf diese Weise passt sich die Größe der Webseite an den Bildschirm unseres Mobilgeräts an. Fügen Sie das head-Tag von HTML hinzu:

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

Damit die Webseite die Bildschirmbreite ausfüllt Auf dem Mobiltelefon können wir den css-Stil von 🎜>body auf

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

festlegen. Im Anhang finden Sie das Meta-Tag und andere häufig verwendete Attributverwendungsanalysen:

1. < meta name="format-detection"/> Beim Surfen auf einem Mobiltelefon wird dieses Tag verwendet, um anzugeben, ob die Mobiltelefonnummer angezeigt werden soll im Webseiteninhalt als Wähl-Hyperlink.

Der Standardwert auf dem iPhone ist:

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

Wenn Sie nicht möchten, dass Ihr Telefon die Telefonnummer automatisch auf der Webseite als Wähl-Hyperlink anzeigt, können Sie so schreiben:

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

2.

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

Die Funktion von apple-mobile-web- App-fähig ist das Löschen der standardmäßigen Apple-Symbolleiste und Menüleiste. Der Inhalt hat zwei Werte: „Ja“ und „Nein“. Wenn wir die Symbolleiste und die Menüleiste anzeigen müssen, ist es nicht erforderlich, diese Metazeile hinzuzufügen.

3.

wird verwendet, um den Anzeigestil der Statusleiste zu steuern:

<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” />

Standard: Schwarz: reines Schwarz; Schwarz-durchscheinend: durchscheinendes Grau

Weitere PHP-Kenntnisse finden Sie auf der
PHP-Chinese-Website

!

Das obige ist der detaillierte Inhalt vonDie PHP-Webseite ist auf der linken und rechten Seite des Mobiltelefons nicht voll. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!