Fehler: IPAD Pro 12 Zoll, Querformat 4 Spalten, Hochformat 3 Spalten

Schmiedel's Avatar

Schmiedel

17 May, 2022 12:35 PM

Produkt: Columns Contao
Contao-Version: 4.9

Hallo,
für kleinere Auflösungen kann ich die Spaltenanzahl im Backend voreinstellen.

Das IPAD Pro, 12,9 inch (im Querformat) stellt die gewünschten 4 Spalten dar.
Wie kann ich das IPAD Pro, 12,9 inch (im Hochformat) über css so ansteuern, dass jetzt nur 3 Spalten angezeigt werden???

@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5)

????

Danke für Ihre Antwort

Stehe komplett auf dem Schlauch...

  1. Support Staff 1 Posted by RockSolid Theme... on 19 May, 2022 07:31 AM

    RockSolid Themes's Avatar

    Vielen Dank für Ihre Frage.

    Unterschiedliche Darstellungen anhand der Bildschirm-Ausrichtung sind in der Columns-Erweiterung nicht vorgesehen.

    In Ihrem Anwendungsfall lässt sich das gewünschte Verhalten jedoch mit etwas eigenem CSS-Code umsetzen:

    #projekte {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        grid-gap: 1em 1.5em;
    }
    #projekte .rs-column {
        width: 100% !important;
        margin: 0 !important;
    }
    @media (max-aspect-ratio: 7/8) {
        #projekte {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
    }
    
  2. 2 Posted by grafik galerie on 19 May, 2022 07:33 AM

    grafik galerie's Avatar

    Guten Morgen,
    Danke...

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac