Viewport tag forståelse

Hej,


Jeg har lidt problemer med at forstå 100% hvad det er som viewport tagget gør.

Jeg ved at min Samsung galaxy s2 har 480 x 800 opløsning.

Jeg har lavet en lille test hjemmeside med og uden viewport.


et <div> tag med 320px i width.

Med viewport:
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

Så passer det i portrait men ikke i landscape.


Hvis jeg ændre width på mit <div> tag passer et så heller ikke.



Dette bringer mig tilbage til: content="width=device-width

Jeg troede at jeg var med, men det er jeg ikke helt adligevel.


Hjemmesiden uden viewport så er den meget lille, og de originale 480 i width holder slet ikke stik.



Hvad er det som der går galt i mit hovedet, nogle som kan hjælpe mig?



ps// har læst rigeligt på nettet, men med de tests jeg laver, går der kluddermudder op i hovedet på mig.