2012-02-10 13 views
5

Attualmente sto lavorando su un sito Web mobile. Tutto funziona perfettamente sia su iOS che su Android, tuttavia sto riscontrando problemi con il meta tag viewport su Windows Phone quando provo a impostare la larghezza della finestra su 640px. Sto utilizzando:meta tag Windows Phone viewport

<meta name="viewport" content="width=640,user-scalable=no"/> 

Tuttavia sembra che ogni volta che si sta cercando di impostare una finestra più grande che 480px telefono Windows si applica automaticamente alla visualizzazione predefinita (1024px).

Qualsiasi soluzione alternativa?

risposta

4

Non ho avuto molto successo con <meta name="viewport"> e Windows Phone 7.5 a meno che non abbia impostato width tra 320 e 480 (inclusi). Se voglio impostare al di fuori di tale intervallo sembra di default solo per 320.

Ho provato solo usando <meta name="MobileOptimized" content="640"> e che ha funzionato perfettamente. Si comporta come <meta name="viewport" content="width=640,user-scalable=no">.

In base a this article e the article collegato a in Mikael Koskinen's Answer, l'intervallo deve essere compreso tra 320 e 10.000 ma non è stato possibile riprodurlo.

+0

La mia esperienza su Windows Phone 7.5 è stata simile. Voglio una larghezza di finestra di 600, su una pagina in cui il div principale è fissato a 600px, ma usando '' dove x> 480 risulta nell'iE mobile usando la sua larghezza di visualizzazione predefinita di 1024 pixel, come se non si utilizzasse il metatag della vista. Non ho provato la soluzione alternativa "MobileOptimized" perché voglio che l'utente mantenga il controllo del livello di zoom, ma suona come una buona opzione per alcuni. – Dogmang