Responsive Design für mobiles

Hallo zusammen
Ich würde gerne wissen wieso ich meine Mobile Webseite nicht auf zb. testiphone.com testen kann, die wird immer falsch dargestellt. Ausser ich schaue diese auf meinem richtigen Iphone an dann ist es so wie ich es im code angegeben habe. ???

Fürs Iphone nutze ich diese @media Angabe:

@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : portrait) { }

und

@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : landscape) { }

Hallo Jossi

Ein Link zu deiner Website wäre ganz hilfreich zur Beurteilung

Viele Grüsse
Marco

www.sandrajossi-fotografie.ch

Also der Simulator scheint in Chrome nicht ganz einwandfrei zu funktionieren. Scrollen kann ich immer erst, nachdem ich einen Link angeklickt habe. Ansonsten scheint deine Seite auf den ersten Blick zu funktionieren.

Was funktioniert deiner Meinung nach nicht?

Grüsse
Marco

Das Thema Responsive Design verfolgt mich momentan auch. Lese mich gerade etwas auf dieser Seite zum Thema ein. Die Wertigkeit ist mir mittlerweile bewusst, aber das Ganze umzusetzen ist dann doch etwas anspruchsvoller, als ich dachte. Ich habe mir auch 2 Lektüren zum Thema besorgt, um etwas mehr Einblick zu erhalten. Dass bestehende Desktop-Websites nur schwer ans Responsive Webdesign angepasst werden können, merke ich gerade auf jeden Fall, aber der Aufwand wird sich lohnen.

Wenn du nicht alles von Hand machen willst, verwende ein Template das schon responsiv ist. Oder probiere es mal mit dieser Erweiterung:
www.joomlashine.com/joomla-extensions/js...obile-extension.html

Grüsse, Pascale