Unterschiede beim Rendern von mobilen Chrome und Android nativen Browser

Question

Beim Testen meiner Desktop-Website (nicht reagierend) auf meinem Smartphone bemerkte ich Unterschiede in der Darstellung der Website in Chrom (34.01847.114) und im nativen Android-Browser (4.3). In Chrome wird die Seite ohne Zoom gerendert, so wie ich es möchte. Im nativen Browser wird die Seite gezoomt. Ich verwende kein viewprt-Tag. Wenn ich die Darstellungs Tag

<meta name="viewport" content="width=device-width"> 

Chrom verhält sich wie der nativen Browser und zoomes.

Also ich will keinen Zoom, ich möchte die Website in voller Auflösung gerendert werden.

Answer 1

Zoom-Modus zu verhindern, dass Sie verwenden shoyld:

<meta name="viewport" content="initial-scale=1"> 

Hoffe, es hilft :)

Answer 2

Sind Sie sicher, dass die Seite in der Tat im Android-Browser gezoomt wird? Meine Beobachtungen sind, dass ein früherer Zoom oft aktiv bleibt, wenn Sie dieselbe Seite immer wieder neu laden, was Sie in die Irre führen kann, dass die Seite so für Benutzer geladen wird. Bei Verwendung von Refresh/Reload wird die Seite jedoch geladen, wenn sie normal geladen wird. Aus diesem Grund rate ich Ihnen, auf eine neue Seite zu wechseln, wenn Sie das Zoomverhalten zuverlässig überprüfen möchten.

Andernfalls, wenn Sie noch Fragen haben und Ihre Desktop-Website hat eine feste Breite, können Sie einfach das Ansichtsfenster auf dieses Set:

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

Wo feste Breite Ihre Fest Desktop Zielbreite in Pixel.

Damit erhalten Sie eine volle Breite und reskalieren entsprechend der Bildschirmgröße jedes mobilen Geräts.