Fixe Seitenbreite

[choetzu]

Hallo,
Ich verwende die index_mobile.html welche perfekt auf die Grösse des iPhone 6s passt. Wenn ich diese Seite nun auch auf dem iPad Mini anschaue, verzerrt es mir natürlich alles. Logisch

Wie kann die Seitengrösse fixieren, damit sie auf dem Ipad mittig im Browser in der Grösse des Iphones dargestellt wird?

Danke für die Hilfe..

Lg c

[Familienpapi]

Hallo,
mittig wird schwierig. Habe ich bisher weder vesucht noch getestet.
Aber mit folgenden Meta Tags definiert man die genaue Größe jedes einzelnen Grids und somit auf allen Endgeräten gleich:

Code Auswählen Erweitern

<meta name="widget_base_width" content="75">
<meta name="widget_base_height" content="75">


Die Darstellung beginnt hiermit immer oben links.

Mit den Zahlen ein wenig spielen, damit es auf dem Wunschendgerät passt. Und bei den anderen Endgeräten dann ausprobieren.

[choetzu]

Hallo Familienpapi,

danke für deine Hilfe. Ich habe meine  index_mobile.html aus der Vorlage von GitHub (examples/mobile/) index_nav_footer.html aufgebaut. Da arbeite ich nicht mit gridster, sondern mit card.. Deshalb bin ich etwas verunsichert...

in der meta gibt es den Eintrag:

Code Auswählen Erweitern

   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

wenn ich aber anstelle von width=device-width zum Beispiel width=750px oder width=750 oder ähnlich eingebe, dann passiert nix.

ich vermute, dass man dort was ändern muss, damit es klappt.. Weiss jemand rat? danke.


lg c

[choetzu]

Da ist doch einige Zeit vergangen und ich stehe immer noch vor dem selben Problem und weiss nicht wie ich dies fixieren kann. Mit style="width:750px" bei card gehts auch nicht. Jemand Rat? Danke