Meta widoku dla domyślnej przeglądarki android

Question

Próbuję wyświetlić obraz (320x480px) na stronie internetowej na Androida. Próbuję skonfigurować metadę widoku, ponieważ chcę, aby obraz był wyświetlany na pełnym ekranie.

Faktycznie po prostu skonfigurowany rzutnię jak ten

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

i to działa doskonale, z wyjątkiem android domyślnej przeglądarce. Wypróbowałem Chrome, Operę i Firefox i wszystkie one poprawnie wyświetlają obraz.

Odnośnie tego postu Full webpage and disabled zoom viewport meta tag for all mobile browsers próbowałem go skonfigurować w ten sposób bez powodzenia:

<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" /> 

lub

<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" /> 

masz jakiekolwiek pojęcie o tym, jak poprawnie skonfigurować rzutnię?

Dziękujemy

Answer 1

Próbowałem poniżej. Działa to idealnie dla mnie.

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

Answer 2

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

użytkownika skalowalne - steruje użytkownik może uschnąć "pinch-to-zoom".

szerokość - szerokość rzutni.

Wszystkie atrybuty wymagają wartości całkowitych, a nie wartości zmiennoprzecinkowych.

Innymi słowy, 1 a nie 1.0. Lub możesz użyć procentu.

Nie ma sensu ustawianie atrybutów min i max skalowania na tę samą wartość. Również początkowa skalę znany jest przyczyną problemów w iOS jeśli ustawiony na 1.

Answer 3

Lubię:

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

Answer 4

<meta name="viewport" content="width=321; user-scalable=no;" /> 

Android akceptuje tylko rzutnia szerokościach większych niż 320, więc ustawienie go na 321 nie sztuczka dla mnie.