Responsive Template und meta viewport

[noRiddle (revilonetz)]

In der /includes/modules/metatags.php haben wir unter der Condition

Code: PHP  [Auswählen]

if (TEMPLATE_RESPONSIVE == 'true') {

diesen meta-tag:

Code: XML  [Auswählen]

<meta name="viewport" content="width=device-width, user-scalable=yes" />

Nun berichtet mir ein Kunde er habe auf mehreren Mobilen Geräten, darunter Huawei, Samsung , Alcatel, also alles im Grundsatz Android-Geräte, das Problem, daß nach Aufruf eines responsive Shops in der Portrait-Ansicht bei Drehung des Gerätes in die Landscape-Ansicht, die Breite des Shops nicht angepasst würde und sie bliebe als wenn man noch in der Portrait-Ansicht wäre.
Auf iPhone sei dies nicht der Fall.
(Bevor jemand nachfragt: Einstellungen => Display => Bei Drehung des Gerätes steht natürlich auf "Bildschirminhalte drehen".)

Auf einem eigenen Smartphone mit noch altem Android 5.1, sowie bei Freunden mit neuen Samsung-Geräten und somit, wie ich annehme, neuesten Android-Versionen, gab's das Problem nicht.
(Die Android-Versionen erwähne ich lediglich deshalb, weil ich vermute, daß sich damit auch die Browser-versionen ändern.)

Erst das Hinzufügen von initial-scale=1 hat das Problem nach Aussage des Kunden behoben.

Code: XML  [Auswählen]

<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />

Kann jemand Ähnliches berichten oder hat jemand ebensolche, andere und/oder mehr Erfahrung mit den Angaben im meta-tag viewport ?
Ich bin kein Smart-Phone-Nutzer  .

Gruß,
noRiddle

Linkback: https://www.modified-shop.org/forum/index.php?topic=40443.0

[web4design]

Ahoi.

Konnte das Problem mit einem Pixel 2 + Android 9 und 10 in Chrome nicht nachstellen.

Gruß

[Viol]

Mit dem Huawei Mate 10 pro und Android 9 gibt es dieses Problem nicht...

[noRiddle (revilonetz)]

Danke euch für euer Feedback.
Dann frage ich mich wirklich was der Kunde für Smart-Phones hat. Ich konnte es ja auch nicht nachstellen.

Würde mich über weitere Stellungnahmen freuen.

Gruß,
noRiddle

[Tomcraft]

Das wundert mich ein wenig. In Shopversion 2.0.0.0 rev 9678 lautete der Code auch in der Tat noch so:

Code: PHP  [Auswählen]

if (TEMPLATE_RESPONSIVE == 'true') {
  echo '<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />'."\n";
}

In r10102 wurde das dann wie folgt geändert:

Code: PHP  [Auswählen]

if (TEMPLATE_RESPONSIVE == 'true') {
  echo '<meta name="viewport" content="width=device-width, user-scalable=yes" />'."\n";
}

Wäre natürlich eine Überlegung zumindest das initial-scale=1.0 wieder mit aufzunehmen:

Code: PHP  [Auswählen]

if (TEMPLATE_RESPONSIVE == 'true') {
  echo '<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />'."\n";
}

Grüße

Torsten

[noRiddle (revilonetz)]

Danke dir Tomcraft, bei all eurer Arbeit, daß du auch hier noch etwas beiträgst.
Ich denke, daß maximum-scale=1.0, user-scalable=no nicht gut ist. Der User soll selber skalieren dürfen und wir sollten ihm kein maximum-scale aufzwingen, inital-scale=1 kann jedoch nichts kaputt machen, soweit ich das verstehe (und das kann, das sage ich ausdrücklich, verkehrt verstanden sein).
Da die Browser-Hersteller jedoch auch ständig etwas ändern und die mobile Versionen auch nicht stehen bleiben kann sich da was geändert haben. Ich muß dem Kunden ja glauben was er sagt und das inital-scale=1 hat sein Problem nach seiner Angabe behoben.
Blöd, daß iOS und Android so verschieden mit dem meta-tag viewport umzugehen scheinen.

Weitere Statements (und Tests, möglichst auf aktuellesten Geräten) sind sehr willkommen.

Gruß,
noRiddle

[Markus]

Hi,

ursprünglich stand das maximum-scale auf 1 um das "zoomen" zu verhindern. Das hatten wir dann ja rausgenommen und ich vermute mal dass hier aus versehen auch das initial-scale mit rausgefolgen ist.
Das kann eigentlich wieder rein. Das sorgt ja nur dafür dass beim initialen laden der Zoom-Faktor 1 ist.
Von daher können wir das ohne Probleme wieder dahingehend ändern.

Code: PHP  [Auswählen]

if (TEMPLATE_RESPONSIVE == 'true') {
  echo '<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />'."\n";
}

Ich habe es gerade in r12138 im SVN korrigiert.

Markus

[p3e]

Die Problematik kann ich beim Galaxy S10 mit Android 9 auf Chrome und Firefox ebenfalls nicht nachstellen.

[Markus]

Hi p3e,

wenn mit der Erweiterung um initial-scale nachwievor alles funktioniert wie es soll ist ja alles bestens

Markus

[Duncan]

Mit Pocofon F1; Xiaomi Redmi Note 7 und MI 9 alle mit aktuellem MIUI, internem Browser und Chrome,  funktioniert es jeweils richtig.

[noRiddle (revilonetz)]

Danke euch. Dürfte damit erledigt sein, wenn auch ich noch immer nicht weiß was da bei dem User los war und warum, zumal es niemand nachstellen konnte.

Gruß,
noRiddle