HTML and CSS Reference
In-Depth Information
<meta name="viewport" content="width=device-width"/>
2
Zusätzlich haben Sie außerdem festgelegt, ob der Benutzer die Seite vergrößern oder
verkleinern darf. Sie können im Viewport-Metaelement angeben, um welchen Faktor
die Seite vergrößert werden darf:
<meta name="viewport" content="width=device-width, initial-scale=1.0,
maximum-scale=1.0"/>
Im Fall von Sharky möchten Sie das Zoomen generell deaktivieren und setzen sowohl
die Eigenschaft
initial-scale
als auch
maximum-scale
auf 1.0 fest. Um möglichst Feh-
ler und Darstellungsunterschiede auf verschiedenen Endgeräten zu unterbinden,
verbieten Sie das Zoomen zusätzlich mit
user-scalable=no
. Die komplette Zeile sieht
damit wie folgt aus:
<meta name="viewport" content="width=device-width, initial-scale=1.0,
maximum-scale=1.0, user-scalable=0">
Aus dem Browser auf den Home-Bildschirm
Auf Apple-Geräten gibt es neben Mobile Safari noch die Möglichkeit, Webseiten im
Vollbildmodus zu öffnen. Diese lassen sich direkt über ein Symbol vom Home-Bild-
schirm öffnen. Um aus Sharky eine Vollbild-App zu machen, müssen Sie allerdings
noch ein paar Vorbereitungen treffen. Fügen Sie zunächst folgende Codezeile in den
head
-Bereich ein:
<meta name="apple-mobile-web-app-capable" content="yes" />
Sie haben nun den Vollbildmodus aktiviert. Im nächsten Schritt müssen Sie ein Sym-
bol anlegen, mit dem Sie ihre App vom Home-Bildschirm aufrufen. Legen Sie dazu
eine Sharky-Grafik mit der exakten Größe 57 × 57 Pixel an, und speichern Sie diese als
icon-iphone.png
im Ordner
bilder
ab. Für die Sharky-WebApp sind wir wieder bei
Flickr fündig geworden und verwenden einen Ausschnitt eines Fotos von »eddie.wel-
ker«. Fügen Sie nun folgenden Code in den
head
-Bereich ein:
<link rel="apple-touch-icon" href="bilder/icon-iphone.png" />
Im letzten Schritt legen Sie fest, welcher Name unter dem App-Symbol auf dem
Home-Bildschirm erscheinen soll. Dies tun sie im im
title
-Element im
head
-Bereich:
<title>Sharky</title>
Beachten Sie, dass der App-Name maximal zwölf Zeichen lang sein darf. Ist er länger,
wird er abgeschnitten.
Search WWH ::
Custom Search