Darstellung Hinweisbox / Tablet hoch-Format

    Guten Tag

    Die Hinweisboxen gemäss nachstehendem Link werden auf im Desktop-Format, im Tablet-quer-Format und im Mobile-hoch/quer-Format sauber dargestellt (Live). Im Tablet-hoch-Format hingegen werden die Hinweisboxen Live in der Breite zusammengedrückt, was visuell und hinsichtlich Lesbarkeit zu wünschen übrig lässt (Vorschau hingegen saubere Darstellung), siehe auch Beispiel in der Beilage.

    Google Search

    Ich verwende Travel Responsive, Version 16.4.0 Business, Betriebssystem Win10, http://www.netz-wandern.ch

    Was könnte der Grund dafür sein? Besten Dank für die Unterstützung.

    Freundliche Grüsse

    Thomas

    Das liegt am Grid-System welches ZP verwendet. Die einzelnen Artikel werden hier "seitlich zusammengeschoben" bis bestimmte Breakpoints erreicht werden und dann erst umgebrochen. Das ist in der Regel auch gut so aber bei manchen Widgets etwas unvorteilhaft.

    Schau dir mal die "Link Cards" auf Widget ZP an. Denen vergibst du eine feste Breite, wenn die Bldschirmbreite nicht mehr ausreicht um alle nebeneinander darzustellen wird umgebrochen. Erst wenn diese auf kleinen Bildschirmen einspaltig dargestellt werden und der Platz nicht ausreicht werden diese schmaler dargestellt.

    Guten Morgen

    Danke Mario. Die Neugestaltung über z.B. Link Cards ist für mich jedoch nur unter unverhältnismässigem Aufwand umsetzbar, da die Webseite bzw. die Hinweisboxen sehr häufig in meiner Webseite verwendet werden.

    Die Frage ist aber eigentlich eine andere: Warum wird in der Vorschau von ZP die Tablet-Darstellung zweispaltig angezeigt (was eigentlich richtig und von der Lesbarkeit sinnvoll ist), aber dann in der Realität vierspaltig umgesetzt bzw. belassen analog Desktop-Format. In der Mobile-Version funktioniert dies alles sauber (einspaltig im Hochformat bzw. zweispaltig im Querformat).

    Gruss

    Thomas

    Zitat von Thomas G

    Die Frage ist aber eigentlich eine andere: Warum wird in der Vorschau von ZP die Tablet-Darstellung zweispaltig angezeigt (was eigentlich richtig und von der Lesbarkeit sinnvoll ist), aber dann in der Realität vierspaltig umgesetzt bzw. belassen...

    Vermutlich weil der Bildschirm (bzw. die Bildschirmauflösung) deines Tablets sehr viel größer ist als die Tablet-Vorschau von ZP.

    Kurz zur Verständigung.

    • "Responsive Layout" bedeutet ja nicht das erkannt wird ob es sich um ein Tablet, Smartphone handelt und schaltet dann um. Würde ja bei der Vielfalt der Bildschirmgrößen (bzw. Auflösungen der Bildschirme) keinen Sinn machen.
    • "Responsive Layout" passt sich dynamisch der Bildschirmgröße an. Das kannst du ganz einfach beobachten indem du die Seite am Desktop öffnest (oder die Browservorschau) und dann Das Browserfenster in der Größe veränderst. Nichts anderes macht ZP in der "Smartphone- Tablet-Vorschau" hier werden halt die gängigsten Bildschirmauflösungen verwendet.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden