Seite 1 von 1

Homepage Responsive

Verfasst: Mo 25. Dez 2023, 09:10
von Welldone
Guten Morgen und frohe Weihnachten!
Hier wiedermal ein neues Problem mit meiner Homepage.
Vorab erst `mal die gute Nachricht:
"Bislang ist die Fehlermeldung "Falsche Formateingabe" nicht wieder aufgetaucht."
Nun die schlechte Nachricht:
Wie sich jetzt herausstellt wird meine Homepage auf dem Smartphone viel zu groß angezeigt!!!
Um das richtig zu stellen muss man im Smartphone die Ansicht "Desktopwebsite" anklicken!
Das war früher nicht so.
Ich kann doch meinen Anwendern nicht zumuten erst irgendwelche Einstellungen im Handy vorzunehmen damit die Homepage richtig dargestellt wird!!!

Kann mir da bitte `mal ein "Spezi" unter die Arme greifen?

Gruß...
Welldone

Re: Homepage Responsive

Verfasst: Di 26. Dez 2023, 02:15
von HTML-Laie
Leider kann man keinen allgemeinen Ratschlag dazu geben, das es auf allen Smartphones gleich dargestellt wird, da es zuviele unterschiedliche gibt und auch mehrere Browserarten. Insbesondere auch die vorgefertigten Designs von hPage sind nicht gerade das gelbe vom Ei, ebenso das die Funktion der mobilen Darstellung sich ja anscheinend immer noch im Beta-Stadium befindet.

Hilfreich wäre allemal Angabe des benutzten Smartphones und ein Screenshot in diesem Falle.

Ich habe mal Screenshots meines Smartphones im Anhang beigefügt ohne irgendwelche Einstellungen vorgenommen zu haben.

Screenshot_20231226_011722_Samsung Internet.JPG
Screenshot_20231226_011722_Samsung Internet.JPG (41.78 KiB) 1553 mal betrachtet
Screenshot_20231226_020122_Samsung Internet.JPG
Screenshot_20231226_020122_Samsung Internet.JPG (34.31 KiB) 1553 mal betrachtet
LG Hape :)

Re: Homepage Responsive

Verfasst: Mi 27. Dez 2023, 11:35
von webhostel
Hallo,
man kann es auch ganz gut mit dieser Site testen:
https://responsivetesttool.com/

da dürften alle Bildschirmgrößen bei sein.
Gruß Olli 8-)

Re: Homepage Responsive

Verfasst: Mi 27. Dez 2023, 17:16
von HTML-Laie
Zu deiner Webseitenansicht:

Ist im Interface unter Design ==> Mobiles Design ==> Status ==> Als mobiles Design verwenden ==> aktiviert ?

Man kann auch noch folgendes probieren:

Im Interface unter Einstellungen ==> Header-Bereich ==> Eigener, zusätzlicher HTML-Code (zwischen <head> und </head>) folgendes einfügen:

Code: Alles auswählen

<meta name=viewport content="width=device-width, initial-scale=1">
LG Hape :)