2013-06-13 17 views
5

Sto tentando di visualizzare un'immagine (320x480px) in una pagina Web su Android. Sto provando a configurare il meta della vista perché voglio che l'immagine venga visualizzata a schermo intero.Meta di Viewport per browser predefinito Android

In realtà ho semplicemente configurato la finestra come quella

<meta name="viewport" content="width=320px" /> 

e che sta funzionando perfettamente, se non con il browser predefinito di Android. Ho provato Chrome, Opera e Firefox, e tutti mostrano l'immagine correttamente.

Per quanto riguarda questo post Full webpage and disabled zoom viewport meta tag for all mobile browsers Ho provato a configurare in questo modo senza successo:

<meta name="viewport" content="initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,width=device-width,height=device-height,target-densitydpi=device-dpi,user-scalable=yes" /> 

o

<meta name="viewport" content="initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,width=320,height=device-height,target-densitydpi=device-dpi,user-scalable=yes" /> 

Avete qualche idea su come configurare correttamente la finestra?

Grazie

risposta

0

Ho provato quello sotto. Funziona perfettamente per me.

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

dall'utente scalabile - controlli appassire l'utente può "pinch-to-zoom".

larghezza - la larghezza del viewport.

Tutti gli attributi richiedono valori interi, NON valori in virgola mobile.

In altre parole, 1 e non 1.0. O potresti usare la percentuale.

Non è necessario impostare gli attributi di ridimensionamento minimo e massimo sullo stesso valore. Inoltre, iniziale scala è noto per causare problemi in iOS se impostato a 1.

+0

In base alla documentazione di Android è un float e non un intero: https://developer.android.com/guide/webapps/targeting.html#Viewport –

0

mi piace:

<meta name="viewport" content="width=device-width, initial-scale=1"/> 
0
<meta name="viewport" content="width=321; user-scalable=no;" /> 

Android accetta solo finestra larghezze maggiori di 320, così porla su 321 ha il trucco per me.

Problemi correlati