Viewport Meta für Android Standard-Browser

Question

Ich versuche, ein Bild (320x480px) in einer Webseite auf Android anzuzeigen. Ich versuche, das Viewport-Meta zu konfigurieren, weil ich das Bild im Vollbildmodus anzeigen möchte.

Eigentlich konfiguriert ich einfach das Ansichtsfenster, wie die

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

und es funktioniert perfekt, außer mit dem Android-Standardbrowser. Ich habe Chrome, Opera und Firefox ausprobiert, und alle zeigen das Bild korrekt an.

In Bezug auf diesen Beitrag Full webpage and disabled zoom viewport meta tag for all mobile browsers Ich habe versucht, es auf diese Weise, ohne Erfolg zu konfigurieren:

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

oder

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

Haben Sie eine Idee haben, wie das Ansichtsfenster richtig konfigurieren?

Danke

Answer 1

Ich habe versucht, die unten. Es funktioniert perfekt für mich.

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

benutzer skalierbare - Kontrollen welken kann der Benutzer "Pinch-to-Zoom".

Breite - die Breite des Ansichtsfensters.

Alle Attribute erfordern Integer-Werte, keine Fließkommawerte.

Mit anderen Worten, 1 und nicht 1.0. Oder Sie könnten Prozent verwenden.

Es hat keinen Sinn, die Attribute für die minimale und maximale Skalierung auf denselben Wert zu setzen. Auch wird die anfängliche angelegte bekannte Probleme in iOS verursachen, wenn auf 1 gesetzt

Answer 3

Ich mag:

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

Answer 4

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

Android akzeptiert nur Darstellungsbreiten größer ist als 320, Einstellung, so dass es auf 321 haben Der Trick für mich.