Kommentar: 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?
Mit der Beliebtheit von High-End-Mobiltelefonen (Andriod, iPhone, iPod, Winphone usw.) erhält die Entwicklung der mobilen Internetanwendung 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? Das Erlernen der Verwendung von HTML5 -Ansichtsfenster kann Ihnen helfen, dies zu tun ...
Ansichtsfenster -Syntax Einführung:
<!-HTML-Dokument->
<meta
content = "
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]
"
/>
Breite
Steuert die Größe des Ansichtsfensters, das als Wert oder besonderer Wert angegeben werden kann, z.
Höhe
Entsprechend der Breite geben Sie die Höhe an.
Zieldichtedpi
Die Pixeldichte eines Bildschirms wird durch die Bildschirmauflösung bestimmt und wird 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. Dieser Wert muss zwischen 70 und 400 liegen.
<!-HTML-Dokument->
<meta content = "target-densitydpi = device-dpi" />
<meta content = "Zieldichtedpi = High-DPI" />
<meta content = "target-densitydpi = medium-dpi" />
<meta content = "target-densitydpi = low-dpi" />
<meta content = "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
Anfängliche 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
Maximaler 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
Der Benutzer passt den Zoom an. 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:
(Stellen Sie die Bildschirmbreite auf die Gerätebreite ein und verbieten Sie den Benutzern, den Zoom manuell anzupassen.)
<meta name = Ansichtsfenster content = width = Gerätebidth, Benutzer scalable = no />
(Stellen Sie die Bildschirmdichte so ein, dass sie automatisch Hochfrequenz, mittlere Frequenz und Niedrigfrequenz vergrößern, und verbietet den Benutzern, den Zoom 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/>