2016-09-08 18 views
0

Ich habe eine Website mit einer vollen Breite von 420px, und ich möchte, dass diese auf mobilen Geräten sichtbar ist, indem sie in einem herausgezoomten Zustand geladen wird.Breite des Meta-Ansichtsfensters auf allen Geräten

So dafür habe ich verwendet:

<meta name="viewport" content="width=420"> 

Dies zeigt genau, wie ich es möchte auf meinem Samsung Galaxy S4 Telefon im Portrait-Modus, aber wenn ich es in Landschaft drehen skaliert sie die gesamte Website bis zur vollen Bildschirmbreite, die viel zu groß aussieht.

Ich habe getestet es auch auf meinem Samsung Galaxy Tab 3 Tablet, und es skaliert sie dort zu hoch (Portrait & Landschaft), die offensichtlich sieht noch schlimmer aus.

Wie kann ich es im Hochformat (wie es jetzt ist) auf meinem Telefon verkleinern, aber auf anderen größeren Geräten eine wahre Breite anzeigen?

Antwort

1

fand ich die Lösung dieses Problems durch initial-scale=1 zum Meta Zugabe:

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

ich denke, das Ansichtsfenster für alle Geräte

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

arbeiten
Verwandte Themen