Druckbare Version
Hallo,
ich überführe eine alte Seite von Contao 3.4 nach 4.4. Die Styles stehen in einer externen .scss, die übers Seitenlayout eingebunden wird. Es gibt einen Media Querie (max-aspect-ratio: 3/2), der greift im Contao 4 nicht mehr. Ein Blick in die Dev Tools zeigt, dass "3/2" hier zu "1.5" compiled wird. Hat jemand eine Idee, wie ich aspect-ratios in Contao 4 nutzen kann, ohne eine extra .css zu schreiben?
Heute habe ich die Antwort gefunden: Sass behandelt zur Zeit alle Slashes als Divisionsoperator. "aspect-ratio 3/2" wird also zur "aspect-ratio 1.5".
Man kann das Slash folgendermaßen interpolieren, damit es funktioniert:
Hier gibts weitere Infos:Code:@media screen and (min-aspect-ratio: 3#{"/"}2)
https://stackoverflow.com/a/31179108/2776039
Wenn man das Gefühl hat, das wegen dem Einsatz von SASS / SCSS irgendetwas nicht richtig funktioniert, ist es sinnvoll sich über die Developer Tools nach Seitenaufruf das generierte CSS sheet anzuschauen und nach dem Problem zu gucken.