Meine Webseite skaliert auf dem iPhone nicht richtig. Was habe ich falsch gemacht?

[micha.haesler]

Guten Tag

Wir haben soeben eine neue Webseite erstellt: www.baustellenprofi.ch

Funktioniert alles tiptop nur auf dem iPhone skaliert es die Seite nicht wie üblich auf die breite des Bildschirmes sondern man muss scrollen.

Hat jemand eine Ahnung an was dies liegt?
Mit dem Meta Tag krieg ich dies nicht hin.

<meta name="viewport" content="width=1024px; initial-scale=1; maximum-scale=1; user-scalable=yes;" />

Habe ich im CSS ein Fehler?

Ich arbeite mit Contao 3.0.5

Bildschirmfoto-2013-04-18-um-10.12.jpg
Bildschirmfoto-2013-04-18-um-10.11.46.jpg

[pumukel]

Guten Tag

Wir haben soeben eine neue Webseite erstellt: www.baustellenprofi.ch

Funktioniert alles tiptop nur auf dem iPhone skaliert es die Seite nicht wie üblich auf die breite des Bildschirmes sondern man muss scrollen.

Hat jemand eine Ahnung an was dies liegt?
Mit dem Meta Tag krieg ich dies nicht hin.

<meta name="viewport" content="width=1024px; initial-scale=1; maximum-scale=1; user-scalable=yes;" />

Habe ich im CSS ein Fehler?

Ich arbeite mit Contao 3.0.5

Bildschirmfoto-2013-04-18-um-10.12.jpg
Bildschirmfoto-2013-04-18-um-10.11.46.jpg

Hallo

Probiere einmal <meta name="viewport" content="width=device-width, initial-scale=1.0">
(ohne Gewähr)

Gruss pumukel

[varix]

Hi,

Funktioniert alles tiptop nur auf dem iPhone skaliert es die Seite nicht wie üblich auf die breite des Bildschirmes sondern man muss scrollen.

Willst du die Skalierung dem Iphone überlassen? Wenn ja, nimm einfach die viewport-Anweisung komplett raus.

Vielleicht hilft dir das ein wenig weiter:Mobile Devices: Viewport richtig einstellen


Grüße,
varix

[micha.haesler]

Der Layout-Builder schreibt

<meta name="viewport" content="width=device-width,initial-scale=1.0">

in meine Kopfzeile.

Ohne dieser Anweisung wäre das prima.
Gibt es eine Möglichkeit um diese zu deaktivieren ohne den Layout-Builder zu deaktivieren?

Bildschirmfoto_neu.jpg

[varix]

Ja, einfach das template ändern.

fe_page.html5

<meta name="keywords" content="<?php echo $this->keywords; ?>">
<meta name="generator" content="Contao Open Source CMS">
<?php echo $this->viewport; ?>
<?php echo $this->framework; ?>
<?php echo $this->stylesheets; ?>
<?php echo $this->mooScripts; ?>
<?php echo $this->head; ?>
<!--[if lt IE 9]><script src="<?php echo TL_ASSETS_URL; ?>assets/html5shiv/<?php echo HTML5SHIV; ?>/html5shiv.js"></script><![endif]-->
</head>

löschen oder auskommentieren:

<?php echo $this->viewport; ?>

Dann sollte es passen.

varix

[micha.haesler]

Herzlichen Dank – jetzt funktioniert alles einwandfrei.