Home → Contao →

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

• Edit

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

   

   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));
       }
   }
   

   • Edit

2. 2 Posted by grafik galerie on 19 May, 2022 07:33 AM

   

   Guten Morgen,
   Danke...

   • Edit