2016-06-09 10 views
-2

Ich habe diese Frage auf der Support-Website für meine Wordpress Theme geschrieben, aber noch kein Glück dort drüben. Wenn ich mein Browserfenster auf 360px (360, weil das ist, was meine Ansichtsfensterbreite ist auf meinem Samsung Galaxy S6) Größe ich sehe etwas völlig anderes als wenn ich versuche, auf meine Website auf meinem Handy zuzugreifen.Unterschiede zwischen Desktop/Mobile @ VW = 360

Meine Website ist www.andrewpennell.com Was ich entworfen habe und sehen soll, ist in dem Bild unten. Correct Design

Aber das ist jetzt, was ich auf dem Handy sehe. Wenn ich meine Seite auf mein Mobilgerät lade, sehe ich mehrere Probleme: a) Das Hintergrundbild scheint nicht zu verkleinern - dies kann nur eine einfache Medienabfrage sein, die ich hinzufügen muss. b) Mein Logo, Name und Untertitel sind nicht in Sichtweite (obwohl ich gesehen habe, dass sie zufällig unter der Menüleiste geladen sind, wo ich kaum einen Splitter davon sehen kann.) C) Am unteren Rand soziale Buttons und Teilen Schauen Sie hinter die Fußzeile

Mein Hauptanliegen zum Zeitpunkt

Problem B. ist

Jede hilfreiche Kommentare sind willkommen. Vielen Dank im Voraus.

+0

Ich weiß nicht, jemand, der sich eine solide 9+ in CSS gibt, zusammen mit einer 10 in HTML ... aber fragt sich, warum das Hintergrundbild nicht ohne eine Hintergrundgröße skaliert. Sie wissen, wie Sie eine Seite untersuchen, um zu verstehen, warum Elemente angezeigt werden oder nicht, richtig? Natürlich läuft alles darauf hinaus zu verstehen, dass die Autoren des $ 50-Themas, das du gekauft hast, Entscheidungen in der CSS getroffen haben, Dinge zu zeigen/zu überschreiben ... und Dinge, die eine solide CSS-Person mit ein wenig Aufwand leicht überschreiben könnte. :) –

+1

Wow. Unhöflich. Das nächste Mal bleib einfach zu Hause. – APen

+0

Außerdem gibt es eine Menge von benutzerdefinierten CSS in geschrieben speziell um Dinge zu überschreiben. Beim nächsten Mal versuchen Sie, etwas Hilfsbereites zu schreiben, anstatt Menschen zu fotografieren. – APen

Antwort

0
  • Überprüfen Sie den Quellcode für die Seite (rechte Maustaste => Quelltext anzeigen)
  • einen Browser finden Sie (ctrl-f) für viewport

Wenn Sie nicht ein Meta-Tag sehen etwas wie das:

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

dann werden Sie Probleme mit kleinen hochauflösenden Bildschirmen wie der auf einem S6 erleben.

+0

Danke für einen Blick. Ich habe letzte Nacht nachgesehen, ob das da war. Maßstab ist auf 1 eingestellt. – APen

Verwandte Themen