CSS für Smartphone

[WernerK]

Hallo, ich möchte eine CSS Datei für ein Smartphone Galaxy Note 3 anpassen. Laut Angaben hat es den Viewport 360 x 640px. Wenn ich aber nun eine CSS mit .container { width: 360px; background-color: #FFFFFF; margin: 0 auto; }

so ist das nicht die Breite auf dem Note 3, eher nur 2/3. was stimmt hier nicht?

Gruss Werner

[BaBa]

1 Pixel ist eben auch nicht mehr das was es mal war (1 Pixel)!

was stimmt hier nicht?

Du versuchst pixelgenau für bestimmte Endgeräte zu optimieren. Da es hunderte Endgeräte gibt bist Du da auf dem Holzweg. Wenn Du ein DIV auf voller Breie haben möchtest, dann sag es ihm auch, e.g. width:100%

Cheers, BaBa

[Gunnar Bittersmann]

was stimmt hier nicht?

Du hast nicht <meta name="viewport" content="width=device-width, initial-scale=1.0"/> angegeben?

Siehe Responsive Meta Tag.

LLAP