Hallo zusammen,
ich würde gerne bei einer mobilen Webseite die Adresszeile verschwinden lassen, wenn man auf Apple Smartphone nach unten scrollt. (das wird dann so schick klein) In der Horizontalansicht funktioniert das auch aber nicht in der Vertikalansicht. Hatte bisher folgenden Code im Head eingebunden:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0 minimal-ui"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="apple-mobile-web-app-status-bar-style" content="black">
Nun habe ich auf folgender Seite gesehen, dass es so funktioniert, wie ich mir das vorstelle. Was im Quellcode ist denn dafür verantwortlich? Nur die Viewport Einstellung? Blöderweise hab ich kein Iphone mit aktuellem IOS zum testen sondern nur die Browseremulatoren, bei denen man das nicht richtig sieht ...
http://tinyurl.com/howqdwb
<meta name="viewport" content="width=device-width,initial-scale=1">
Stephan
ich würde gerne bei einer mobilen Webseite die Adresszeile verschwinden lassen, wenn man auf Apple Smartphone nach unten scrollt. (das wird dann so schick klein) In der Horizontalansicht funktioniert das auch aber nicht in der Vertikalansicht. Hatte bisher folgenden Code im Head eingebunden:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0 minimal-ui"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="apple-mobile-web-app-status-bar-style" content="black">
Nun habe ich auf folgender Seite gesehen, dass es so funktioniert, wie ich mir das vorstelle. Was im Quellcode ist denn dafür verantwortlich? Nur die Viewport Einstellung? Blöderweise hab ich kein Iphone mit aktuellem IOS zum testen sondern nur die Browseremulatoren, bei denen man das nicht richtig sieht ...
http://tinyurl.com/howqdwb
<meta name="viewport" content="width=device-width,initial-scale=1">
Stephan
