Webseiten / Ansicht auf verschiedenen Endgeräten

[mike913]

Ein Hallo erstmal ins Forum.

Ich habe eine Frage zu der Ansicht von Webseiten auf verschiedenen Endgeräten.

Eine Internetseite kann man ja, soweit ich gelesen habe, optimieren und die Ansicht an das jeweilige Endgerät anpassen. Stichwort responsive / fluid Design usw..

Wenn ich jetzt aber mit einem Handy oder z.B. einem iPad im Internet unterwegs bin, stelle ich fest, dass alle Seiten die ich aufrufe, ohne Verzerrung einwandfrei dargestellt werden.

Woran liegt es, dass Internetseiten, die nicht für andere Endgeräte optimiert wurden, dazu ein fixes Layout besitzen, einwandfrei dargestellt werden.

Vielleicht kann mich da einer von den Pro´s im Forum aufklären.

Gruß

 

[Bertram_Heinrichs]

AW: Webseiten / Ansicht auf verschiedenen Endgeräten

Nimm ein Framework wie z.B. jquery. Da werden diese Dinge mit berücksichtigt. Wenn du das alles manuell machen willt, wirst du vermutlich nie fertig werden.

 

[MyBad]

AW: Webseiten / Ansicht auf verschiedenen Endgeräten

Auf iPhone, iPad und Co. wird die jeweilige Website (raus)gezoomt, wenn diese nicht explizit den Viewport festlegt. Dadurch hast du eine optimale Darstellung der aufgerufenen Websites.

Weitere Informationen zum mobilen Safari und dessen Viewport findest du hier:
http://developer.apple.com/library/...ontent/UsingtheViewport/UsingtheViewport.html

 

[Myhar]

AW: Webseiten / Ansicht auf verschiedenen Endgeräten

Nimm ein Framework wie z.B. jquery. Da werden diese Dinge mit berücksichtigt. Wenn du das alles manuell machen willt, wirst du vermutlich nie fertig werden.

Nein, jQuery hilft einem hier in keinster Weise. Es gibt Plugins für jQuery, welche einem eine Seite anpassen kann, aber davon rate ich zu 100% ab. Das gehört mit CSS erledigt.

Ergänzend zu der Ausfürhung von MyBad:
Websites werden für den User "ohne Verzerrung" dargestellt, in dem die Website gezoomed wird (soweit hat es MyBad ja schon erklärt).
Nur, warum dann überhaupt mediaqueries etc?
Ich denke, dass man das am Besten anhand eines Beispieles zeigen kann: Öffne eine responsive Seite (wie bostonglobe) in deinem Desktopbrowser (welcher hoffentlich eine hohe Auflösung besitzt, damit das Ergebnis besser nachvollzogen werden kann)
Nun öffne die Seite im iPad und sieh, wie sich die Spalten "neu" anordnen. In beiden Fällen wird das selbe CSS/HTML geladen. Ich hoffe, dass einem so klar wird, was responsive Webdesign bringt und wieso es etwas anderes ist, als wenn du die Seite zoomen müsstest.