Responsive Website: Navbar schrumpft das ganze Aussehen

Question

Ich baute eine responsive Website (http://www.cjkrause.de/borgo-v2), die seltsam auf Android und iOS-Smartphone-Geräten verhält. Ich habe eine Navigationsleiste, die den Browser zwingt, die gesamte Website zu verkleinern, damit sie in das Fenster passt. In dieser Leiste ist jedoch keine Breite festgelegt, daher sollte der Inhalt nur so angepasst werden, dass er auf den Bildschirm passt.

Ich habe dies bereits in meinem Header-Bereich:

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 

Sehen Sie hier wie es auf meinem Android-Handy zeigt: android appearence

Auf einem Desktop-Browser, auch in ansprechender Emulation, funktioniert alles einwandfrei.

Answer 1

Es sieht für mich aus, als ob das Problem mit Ihrer Karte in Richtung der Unterseite der Homepage ist.

Es ist in einem Iframe mit einer hartcodierten Breite von 600px, so dass es auf kleineren Ansichtsfenstern nicht verkleinert wird und andere Elemente auf Ihrer Seite zu erweitern.