Internet-Software, Browser, FTP, SSH 4.651 Themen, 38.262 Beiträge

Responsive WEB Page

Sigi Saudi / 8 Antworten / Flachansicht Nickles

Hallo Gemeinde,
Ich habe wieder einmal Fragen.
Meine WEB Seiten werden dem Trend folgend zunehmend von Mobilgeraeten aufgerufen, Sartphones, Tablets, etc. Der Anteil liegt z. Z. (Zaehlung ueber den userAgent String seit 2011) bei etwas mehr als 20 %. Dem trage ich dadurch Rechnung, dass ich mich in die responsiv Seitenerstellung eingearbeitet habe. Ich gebe Hauptdimensionen in % an und den font-size in der Einheit 'vh'. Das klappt auch ganz gut, nur, wenn ich die Seite dann mit meinem Samsung Grand 2 SM-G7102 mit dem Chrome Explorer lade, sieht alles gut aus. Nur, wenn ich das Smartphone z. B. von Portrait auf Landscape drehe, bleibt das Portrait Format in Landscape erhalten. Das Format wird nicht rekalkuliert. Woran das liegt, weiss ich natuerlich. Die Seite wird beim Drehen des Geraets nicht neu geladen. Deshalb wird das responsiv Format fuer die neue Displaygroesse nicht neu berechnet. Wenn ich das Geraet drehe und einen Refresh mache, ist natuerlich alles in Ordnung, weil der Refresh ja die Seite neu laedt und neu berechnet. Aber das weiss natuerlich ein zufaelliger Client z.B. in Kenia nicht.
Die Adresse einer solchen Seite ist z. B. http://www.moon-and-sun.com/phubon.php?pasa=de

Ich kenne und benutze natuerlich auch die CSS Moeglichkeiten fuer die Zuweisung anderer CSS Parameter im Falle von Smartphones zu div/class, etc, Definitionen wie z. B. "@media only screen and (min-resolution: 117dpi) and (max-resolution: 119dpi)..." und das funktioniert auch, aber nur bei einem Refresh wird die Seite neu berechnet wenn das Format von Landscape zu Portrait oder umgekehrt gewechselt hat.

Andererseits habe ich einige WEB Seiten programmiert mit starren Parametern in Pixeln.
Beispiel: http://www.moon-and-sun.com/booking/Specbook.php?pasa=de 

Wenn ich solche Seiten lade, werden sie auf das Smartphone Displayformat umgerechnet und automatisch neu berechnet, wenn ich Portrait >> Landscape >> Portrait wechsle.

Meine Fragen nun:
1.) Warum werden einige Seiten auf das Smartphone Format umgerechnet, andere nicht. Ich hatte die phubon Seite zuerst in Pixeln programmiert und als das Ergebnis sich auf dem Smartphone als mehr als maessig herausstellte, begann ich mit der % resp. vh Programmierung und dem @ im CSS.
2.) Gibt es in javascript, jQuery oder Ajax & Co. eine Moeglichkeit, die Umrechnung der Dimensionen der Elemente vor der Anzeige im Smartphone  zu forcieren? 
MfG
Sigi Saudi

Gruesse aus Wang Nam Kiaw / Thailand
bei Antwort benachrichtigen
Sigi Saudi Wiesner „Servus Sigi Saudi, ich hab da noch ein Tool womit du deine ...“
Optionen

Hallo Mr. Wiesner,

Ich hatte gestern schon geantwortet, finde die Message aber nicht bei Nickels. Deshalb noch einmal:

Vielen Dank fuer den interessanten Link, den ich noch nicht kannte. Einen wervollen Hinweis habe ich dem Test entnehmen koennen: Horizontales Scrollen, wie es in meiner mobilen Version auftrat, sollte man vermeiden. Dem folgte ich und baute in 'body' die Anweisung 'overflow-x:hidden; ein, die horizontals Scrollen unterbindet. Der Rahmen fuer die Slideshow wird so und so komplett angezeigt. Das Scrollen betraf sowieso nur das Hintergrundbild.

Aber die Empfehlung nach der hoeheren Komprinierung der Bilder werde ich nicht befolgen. Der Aufwand steht in keinem Verhaeltnis zum Vorteil, der daraus erwaechst. Auch die Javascriptempfehlung ist unsinnig. Ich soll das Laden des jQuery plugins loeschen. Dann funktioniert die Seite aber nicht mehr, weil ich jQuery reichlich benutze.

Den CSS Part habe ich optimiert. Das war eine leichtere Uebung.

Danke noch mal fuer den Link.

MfG aus Thailand

Sigi Saudi

Gruesse aus Wang Nam Kiaw / Thailand
bei Antwort benachrichtigen