zoom bei mobile website auschalten

hi,

habe bei meiner website folgenden meta befehl in den head geschrieben.

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


dieser befehel müsste ja normal bezwecken das ich auf mobilen geräten nicht zoomen kann.


ist auf meinem htc one mini im firefox auch so aber im google chrome leider nicht.

gibt es hier vl. einen anderen befehl oder script das es auf allem mobilen geräten (hersteller) und browser funktioniert??

bitte um hilfe ;)

nice greetz matp ;)

Bei Chrome Mobile kann man, wenn ich mich recht erinnere, einstellen, ob er die Viewport-Vorgaben berücksichtigen soll.

Falsch!

Was du suchst ist: user-scalable=no

Also:
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">

Zitat:

---

Zitat von Knigge

Falsch!

Was du suchst ist: user-scalable=no

Also:
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">

---

hi,

habe es jetzt so eingebaut:
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">

leider kein erfolg immer noch das gleiche szenario...

greetz matp ;)

Quelltext sagt:

Code:

---

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

---

EDIT:

HTML-Code:

---

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <title>home - Apart Ursprung</title>
    <base href="http://www.apart-ursprung.at/">

          <meta name="robots" content="index,follow">
      <meta name="description" content="">
      <meta name="keywords" content="">
      <meta name="generator" content="Contao Open Source CMS">
     
    <meta name="viewport" content="width=device-width,initial-scale=1.0">

---

Solltest natürlich auch nicht direkt überschreiben :D

hi,

klappt irgendwie immer noch nicht :S

Sieht ja auch immer noch so aus:

Code:

---

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <title>home - Apart Ursprung</title>
    <base href="http://www.apart-ursprung.at/">

          <meta name="robots" content="index,follow">
      <meta name="description" content="">
      <meta name="keywords" content="">
      <meta name="generator" content="Contao Open Source CMS">
     
    <meta name="viewport" content="width=device-width,initial-scale=1.0">

---

Du hast:

erst:
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">

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

Du überschreibst hier "user-scalable=no"

hier ist mein code

PHP-Code:

---

  <?php $this->block('head'); ?>
    <meta charset="<?php echo $this->charset; ?>">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <title><?php echo $this->title; ?></title>
    <base href="<?php echo $this->base; ?>">

    <?php $this->block('meta'); ?>
      <meta name="robots" content="<?php echo $this->robots; ?>">
      <meta name="description" content="<?php echo $this->description; ?>">
      <meta name="keywords" content="<?php echo $this->keywords; ?>">
      <meta name="generator" content="Contao Open Source CMS">
      <?php $this->endblock(); ?>

---

:S

Steht das in deinem Frontend Template?

Code:

---

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

---

Edit: Jetzt ist nur noch einmal viewport vorhanden. Hast es gerade geändert? Geht's?

ok danke das war dass ;)

muss man zuerst auch mal draufkommen (meine erste contao 3.3... version)

greetz matp ;)

Na dann. Das Problem hatte ich auch, aber eigentlich hättest du das relativ einfach ergoogeln können.

Auch in diesem Thread sei erwähnt, dass man die Viewport-Parameter bequem in dem dafür vorgesehenem Feld "Seitenlayout > Experten-Einstellungen > Viewport" überschreiben kann.

Grüße,
Andreas