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

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.

HTML-Code:

---

<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

Anhang 10602
Anhang 10603

Zitat:

---

Zitat von 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.

HTML-Code:

---

<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

Anhang 10602
Anhang 10603

---

Hallo

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

Gruss pumukel

Hi,

Zitat:

---

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

Der Layout-Builder schreibt

HTML-Code:

---

<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?

Anhang 10606

Ja, einfach das template ändern.

fe_page.html5

Code:

---

<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:

Code:

---

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

---

Dann sollte es passen.

varix

Herzlichen Dank – jetzt funktioniert alles einwandfrei.