Kommentar: Mit der Beliebtheit von High-End-Mobiltelefonen (Andriod, iPhone, iPod, Winphone usw.) erhält die Entwicklung von Mobilfunkanwendungen auch immer mehr Aufmerksamkeit von Menschen. Die Verwendung von HTML5 zur Entwicklung mobiler Anwendungen ist die beste Wahl. Jedes Telefon verfügt jedoch über unterschiedliche Auflösungen und Bildschirmgrößen. Wie kann die von uns entwickelte Anwendung oder Seitengröße für die Verwendung in verschiedenen High-End-Telefonen geeignet sein? Lernen Sie HTML5 -Ansichtsfenster
Ansichtsfenster -Syntax Einführung:
<!- HTML-Dokument->
<meta name = Ansichtsfenster
Inhalt =
Höhe = [Pixel_Value | Gerätehöhe],
width = [pixel_value | Gerätebreite],
initial scale = float_value,
Minimumskala = float_value,
Maximales Maßstab = float_value,
Benutzer-skalierbar = [Ja | NEIN] ,
Zieldichtedpi = [dpi_value | Geräte-DPI | High-DPI | mittel-dpi | niedrig-dpi]
/>
Parameter Erläuterung:
Breite
—— Kontrolliert die Größe des Ansichtsfensters, das als Wert oder Sonderwert angegeben werden kann, z.
Höhe
—— Korrespondieren der Breite, Angabe der Höhe.
Zieldichtedpi
—— Die Dichte eines Bildschirmpixels wird durch die Bildschirmauflösung bestimmt und normalerweise als Anzahl der Punkte pro Zoll (DPI) definiert. Android unterstützt drei Bildschirmpixeldichte: niedrige Pixeldichte, mittlere Pixeldichte und hohe Pixeldichte. Ein Bildschirm mit niedriger Pixeldichte hat weniger Pixel pro Zoll, während ein Bildschirm mit hoher Pixeldichte mehr Pixel pro Zoll hat. Android Browser und Webview haben standardmäßig eine mittlere Pixeldichte.
Nachfolgend finden Sie den Wertebereich des Zieldichteattributs
Geräte-DPI: Verwenden Sie den ursprünglichen DPI des Geräts als Ziel-DP. Das Standard -Zooming tritt nicht auf.
High-DPI: Verwenden Sie HDPI als Ziel-DPI. Geräte mit mittlerer und niedriger Pixeldichte werden entsprechend reduziert.
Medium-DPI: Verwenden Sie MDPI als Ziel-DPI. Das Gerät mit hoher Pixeldichte wird entsprechend vergrößert, und das Pixeldichtegerät wird entsprechend reduziert. Dies ist die Standardzieldichte.
Low-DPI: Verwenden Sie MDPI als Ziel-DPI. Geräte mit mittlerer und hoher Pixeldichte werden entsprechend verstärkt.
<wert>: Geben Sie einen spezifischen DPI -Wert als Ziel -DPI an. Der Bereich dieses Wertes muss zwischen 70 und 400 liegen.
<!- HTML-Dokument->
<meta name = Ansichtsfenster inhalt = Zieldichtedpi = Gerät-DPI />
<meta name = viewport content = target-densitydpi = High-DPI />
<meta name = viewport content = target-densitydpi = medium-dpi />
<meta name = viewport content = target-densitydpi = low-dpi />
<meta name = Ansichtsfenster inhalt = Zieldichtedpi = 200 ″ />
Um zu verhindern, dass Android-Browser und Webview Ihre Seiten basierend auf der Pixeldichte verschiedener Bildschirme skalieren, können Sie die Zieldichte des Ansichtsfenfers auf Geräte-DPI festlegen. Wenn Sie dies tun, skaliert die Seite nicht. Stattdessen wird die Seite basierend auf der Pixeldichte des aktuellen Bildschirms angezeigt. In diesem Fall müssen Sie auch die Breite des Ansichtsfensters definieren, um der Breite des Geräts zu entsprechen, damit sich Ihre Seite an den Bildschirm anpassen kann.
initiale Ebene
——Initielle Skalierung. Das heißt, die anfängliche Zoomebene der Seite. Dies ist ein schwimmender Punktwert, ein Multiplikator der Seitengröße. Wenn Sie beispielsweise die erste Skalierung auf 1.0 festlegen, wird die Webseite mit einer Auflösung der Zieldichte von 1: 1 angezeigt. Wenn Sie es auf 2.0 festlegen, wird diese Seite auf 2x vergrößert.
maximale Ebene
—— Maximum Zoom. Das ist der maximal zulässige Skalierungsgrad. Dies ist auch ein schwimmender Punktwert, der den maximalen Multiplikator der Seitengröße im Vergleich zur Bildschirmgröße anzeigt. Wenn Sie diesen Wert beispielsweise auf 2.0 festlegen, kann diese Seite im Vergleich zur Zielgröße bis zu zweimal vergrößert werden.
benutzerkalierbar
—— Benutzeranpasst den Zoom. Das heißt, ob der Benutzer die Seitenzoomebene ändern kann. Wenn der Benutzer auf JA eingestellt ist, erlaubt es ihm, es zu ändern, andernfalls ist es Nein. Der Standardwert ist Ja. Wenn Sie es auf Nein einstellen, werden sowohl minimale als auch maximale Maßstäbe ignoriert, da die Skalierung einfach nicht möglich ist.
Alle Skalierungswerte müssen im Bereich von 0,01–10 liegen.
Beispiel: 1. Setzen Sie die Bildschirmbreite auf die Gerätebreite und verbieten Sie den Benutzern, den Zoom manuell anzupassen
<meta name = Ansichtsfenster content = width = Gerätebidth, Benutzer scalable = no />
2. Stellen Sie die Bildschirmdichte auf die automatische Skalierung von Hochfrequenz, mittlerer Frequenz und niedriger Frequenz ein und verbieten Sie den Benutzern, die Skalierung manuell anzupassen
<meta name = viewport content = width = Gerätebreite, Ziel-DensityDPI = High-DPI, Initial-Scale = 1,0, Minimum-Scale = 1,0, Maximal-Scale = 1,0, Benutzer-scalable = no/>