Website wordt ingezoomd weergeven op Android en Windows phone 8.

[rv94]

Ik ben bezig met het maken van een website.
Ik heb de

<div id="wrapper"></div>

waar alles van de site instaat 810 px breed gemaakt. Om hem goed weer te geven op een iPhone 4s en iPhone 5 heb ik

<meta name="viewport" content="width=device-width, width=320.1">

in de head gezet dit was voor dit device voldoende.
Maar helaas zoomt hij in op elke Android of Windows phone device in.

Als ik er

initial-scale=0.39506172839506

bij voeg zou hij als het goed is de site moeten schalen naar een passende maat. (320 / 810 = 0.39506172839506). Op een iPhone blijft hij nog steeds goed, maar op een Android of Windows phone daarin tegen blijft hij jammer genoeg ingezoomd.

Heeft er iemand een idee hoe ik mijn site goed krijgen zodat hij niet ingezoomd begint?

 

[pasmaskas]

Voor responsive websites gebruik ik altijd:

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

Dit werk voor alle telefoons en is volgens mijn ervaring ook de beste oplossing.

Je kan ook eventueel kiezen voor deze als je niet wilt dat mensen kunnen zoomen:

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

Om een website goed te laten schalen op een windows phone kan je eventueel deze oplossing er bij toevoegen:

http://mattstow.com/responsive-design-in-ie10-on-windows-phone-8.html

gr pascal