Desktop-Design versus mobiles Design

Wenn du das Menü verschiebst (welches in der mobilen Ansicht ja noch zum Teil vorhanden ist), verschiebt sich das natürlich auch in der mobilen Ansicht. Mit folgendem CSS Befehl kannst du es in der mobilen ANsicht wieder an die richtige Position schieben.

@media only screen and (max-width: 800px) {
// css anweisung
}

Wenn wir schon bei Mobiles Design sind, das erkennt doch Burning Board mittels der Bildschirmauflösung oder? Denn wenn ich mein Fenster vom FF kleiner machen, erscheint Automatisch die Mobile version.

Quote from PatrickGER

Wenn wir schon bei Mobiles Design sind, das erkennt doch Burning Board mittels der Bildschirmauflösung oder?

Ja, korrekt. Sobald man das Fenster kleiner macht und es irgendwann an den Punkt angekommen ist, was WoltLab in den CSS bzw. LESS-Dateien angegeben hat, treten die Änderungen auf.

Eher Bildschirmgröße? Selbst mein Smartphone hat Full HD Auflösung ...

Quote from Tyrael

Eher Bildschirmgröße? Selbst mein Smartphone hat Full HD Auflösung ...

Mein ich doch

Einfacher gesagt, es kommt darauf an, wie groß das Browser-Fenster ist. Zieht man es kleiner, kommt man irgendwann zum mobilen Design.

Derzeit ist dies der Fall, wenn der Browser in der Breite nur maximal 800px darstellen kann.

Anstatt das Menü zu verschieben um es dann nochmals für das "mobile Design" zu verschieben, würde ich mit min-width arbeiten:

@media (min-width: 801px) {
  .selector {}
}

Also ich bin momentan der Meinung das diese Funktion wirklich überarbeitet gehört, warum möchte ich hier mal etwas schildern.

Ansicht auf einem iPhone5:

Durch das Zoom-Verbot ist der ziemlich funktionslose Text-Editor wirklich klein. Auf dem iP5 selber sieht es noch kleiner aus, dadurch haben Leute mit Sehschwäche sicherlich Probleme mit der Schrift.

Ansicht auf einem iPad2:

Durch diese sehr merkwürdige Umsetzung ändert sich das Anzeigeverhalten bei Tablets im Landscape-Modus. Sprich möchte ein User im Landscape-Modus das mobile Design haben, Fehlanzeige.

Ansicht auf einem Nexus7:

Selbiges Thema wie auf dem iPad, wieder wird dem User eine Ansicht mehr oder minder aufgezwungen.

Weiteres:
Auf dem mobilen Gerät bringt einem der "Desktop Ansicht" Button des Browsers nichts mehr, da dies schlichtweg ignoriert wird. Egal in welchem Modus, man kann nicht zoomen. Dies sollte immer möglich sein, auch sollte man Browser-Funktionen nicht aushebeln, diese ist sogar ein Standard-Prozess.

Allgemeins & Lösungen:
Grundsätzlich sollte man gerade bei den mobilen Designs entsprechende Wahlmöglichkeiten anbieten. Schließlich ist der Forum-User der Kunde und dem Fall auch der König.

Folgende Szenarios sind denkbar:

• Kunde will immer das Desktop-Design
• Kunde will immer das Mobile-Design
• Kunde möchte je nach Situation zwischen den Designs wechseln
• Kunde möchte in den verschiedenen Designs zoomen

Diese Standard-Bedürfnisse können mit der derzeitigen Lösung nicht abgedeckt werden und dadurch entstehen dann entsprechende Anfragen an den Admins des Board, der entweder hoffen kann, das irgendjemand ein ordentliches Plugin dafür schreibt, oder das Woltlab dieses Feature brauchbar umsetzt, was nüchtern betrachtet, momentan nicht der Fall ist. Dabei ist dies gar kein Hexenwerk, andere System schaffen dies ja schließlich auch.

Ich bin der Meinung hier sollte man dringend nachbessern, so ist es momentan denke ich nicht im Sinne der Massen und ich hoffe man fährt hier nicht die MS-Strategie, sondern berücksichtigt entsprechende Tipps, sind ja auch zum eigenen Wohl.

Quote from TimTaylor

Auf dem mobilen Gerät bringt einem der "Desktop Ansicht" Button des Browsers nichts mehr, da dies schlichtweg ignoriert wird. Egal in welchem Modus, man kann nicht zoomen. Dies sollte immer möglich sein, auch sollte man Browser-Funktionen nicht aushebeln, diese ist sogar ein Standard-Prozess.

Das liegt nicht am WBB, sondern am Browser. Ich nehme mal an die "Desktop Version" gaukelt dem Server schlicht einen anderen User Agent vor, betrifft also nicht den ausschlaggebenden viewport.

Quote from InitArt

Das liegt nicht am WBB, sondern am Browser. Ich nehme mal an die "Desktop Version" gaukelt dem Server schlicht einen anderen User Agent vor, betrifft also nicht den ausschlaggebenden viewport.

Das ist aber nur ein Teilproblem, zu mal es nicht des Browsers Aufgabe sein kann, Quellcode der Website nach Viewports zu durchsuchen und zu ersetzen.

Stimmt, da hatte ich ja sogar schon was geschrieben. Kann ein Mod die Posts gerade bitte entsprechend verschieben? Danke dafür

Quote from TimTaylor

Das ist aber nur ein Teilproblem, zu mal es nicht des Browsers Aufgabe sein kann, Quellcode der Website nach Viewports zu durchsuchen und zu ersetzen.

Das beißt sich etwas, warum sollte es dann die Aufgabe des mobilen Browsers sein, dem Server einen Desktop Browser vorzugaukeln? Ich sehe das eher als Browser Funktion an.

Quote from Marcel Werk

@TimTaylor
Das hat ja eigentlich nichts mit dem eigentlichen Thema hier zu tun. Zum Wunsch, dass ein Benutzer frei über die Anwendung des Response Designs entscheiden kann, gibt es bereits ein anderes Thema: Mobile Version: Zur Desktop-Version wechseln

Das ja schon mit "Wird nicht umgesetzt" getaggt ist, weswegen mich deine Aussage gerade etwas verwundert.

Quote from InitArt

Das beißt sich etwas, warum sollte es dann die Aufgabe des mobilen Browsers sein, dem Server einen Desktop Browser vorzugaukeln? Ich sehe das eher als Browser Funktion an.

Quote from InitArt

Das beißt sich etwas, warum sollte es dann die Aufgabe des mobilen Browsers sein, dem Server einen Desktop Browser vorzugaukeln? Ich sehe das eher als Browser Funktion an.

Warum sollte sich das beissen, es ist eine Sache eine andere Browserkennung zu schicken, das kostest keine Performance. Und selbst das wurde nur gemacht, weil es schlechte Webseiten gibt, die den Wechsel nicht anbieten. Warum sollten wir hier halbe Sachen machen, wenn man es richtig machen kann? Wir Diskutieren gerade schon das falsche, es geht nicht darum Workarounds durch andere schaffen zu lassen.
Mir geht es darum die realen Nutzeranforderungen abzudecken und es wäre eben schön, wenn man diese berücksichtigt.

Das ganze könnte man ja auch schön umsetzen, bspw. durch so ein Eselsohr in der rechten oberen Ecke, bei Klick wechselt man von der einen zur anderen Ansicht und kann jeweils entscheiden was gerade besser passt.

Quote from Geronimo

Das ganze könnte man ja auch schön umsetzen, bspw. durch so ein Eselsohr in der rechten oberen Ecke, bei Klick wechselt man von der einen zur anderen Ansicht und kann jeweils entscheiden was gerade besser passt.

Das mag sicher sein, aber ich denke es ist ziemlich sicher davon auszugehen, dass derartiges nicht mehr kommt. Die automatisierte Umstellung zwischen der normalen und mobilen Ansicht ist ja fest in den LESS-Dateien verankert. Ich denke nicht, dass WoltLab das nochmal komplett überarbeiten wird. So wird es wohl nicht möglich sein mit einem Button o.ä.