website auf ipad und iphone GLEICH skalieren

[Bini]

Hallo liebe Traumprojektler,

also ich habe ein website gestaltet die eine fest größe und breite hat im browser.

nun wenn man die auf dem iphone betrachtet habe ich es mit dem VIEWPORT code
so eingestellt, dass sie sich direkt ans iphone anpasst.

<meta name="viewport" content="width=300; height=device-height; initial-scale=0.4; maximum-scale=2.0; user-scalable=1.1;" />

auf dem ipad ist sie dann aber zu klein,
kennt ihr einen code der guckt wie breit das device ist und sich automatisch anpasst?
ich suche schon ewig. und beim code oben wenn ich bei width=device-width eingebe klappt es nicht. i dont know why ;(


ich wäre super dankbar für einen tipp,

liebe grüße


Sabine

[Stefan_G]

Hallo,

dafür gibt es die mit CSS3 eingeführten Media Queries -> damit kannst du z. B. die Breite des Viewports bzw. Endgerätes abfragen und dann ein eigenes Stylesheet ausliefern.
Hier ist das schön erklärt: http://webdesignerwall.com/tutorials/css3-media-queries

//Stefan