Mobile Version

Hallo zusammen
Bei meiner Webseite habe ich noch eine mobile Version gemacht. Nun gibt es verschiedene Iphones oder Ipads Generatoren wie das iPhoney.app oder auf ipadpeek.com wo man sich dann die Seite angucken kann. Nun musste ich feststellen, dass es dort wie auf meinem Pc angezeigt wird. Aber auf meinem "echten" Iphone wird es korrekt dargestellt. wie kommt das?

Ich würde nämlich auch wissen wie es auf dem Ipad mini und Ipad aussieht und kann ja schlecht welche kaufen.
Mach ich da was falsch?

Danke für eure Hilfe

Leider verrätst du uns nicht, wie du "noch eine mobile Version" gemacht hast. Normalerweise geht das so, dass man den UA (=User Agent, lies Browser) fragt, was er denn so für eine Auflösung hat. Hier müssen Geräte mit den heute üblichen hohen Pixeldichten bescheissen, und zu wenig Auflösung melden, sonst funktioniert das nicht. Apple macht das, die andern soviel ich weiss auch. Entsprechend der Auflösung bietet nun das Template das passende Layout an. Man kann diese Methode ausprobieren, indem man das Fenster seiner Brauserei kleiner zieht. Dann muss das Layout irgendwann springen und sich ändern.

Bei dir tut es das nicht, also hast du etwas anderes gemacht.
Es gibt übrigens Templates, die beherrschen das von Haus aus, es gibt auch Rundum-Sorglos-Komponenten, die können das auch.

Habe die mobile version so gemacht , dass ich in der css Datei jeweils für das Iphone diese @ mobile screen benutzt habe

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

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

und dann die css angepasst habe das es auf dem iPhone anderst aussieht, dies hat auch geklappt aber wenn ich es wie du sagst kleiner mache passiert da garnichts.

hmm, hast du das mal so probiert?
www.intensivstation.ch/css3/media-queries/

Ja das funktioniert gleich, bei meinem Iphone das ich besitze wird die Seite so dargestellt wie ich sie gerne möchte, und wenn ich es an einem Iphone Simulator ausprobiere wird es so dargestellt wie wenn ich diese am Computer öffnen würde. Da ich ein Iphone besitze ist das nicht so schlimm, aber ipad und ipad mini habe ich nicht.

Mit den verschiedenen "Auflösungs-Testern" im Netz habe ich bisher keine wirklick guten Erfahrungen gemacht.

Viel besser finde ich da Firefox mit Ctrl + Shift + M
developer.mozilla.org/en-US/docs/Tools/Responsive_Design_View


Oder aber die Top-Lösung:

fragezeichen schrieb: aber ipad und ipad mini habe ich nicht.

Kann man alles kaufen, Apple würde es freuen