Hallo!
Interessant wäre mal zu wissen, wo der Wert für 'cssVar' herkommt, bzw. wieviele verschiedene Möglichkeiten für entsprechende Werte es dafür gibt/ geben kann?
cssVar könnte aus der Density des jeweiligen Gerätes kommen (nur so eine Idee)
Das haben wir dir schon versucht in deinem anderen Thread zu erklären - die 'Resolution' sollte dich_nur_bei Grafiken interessieren! Ansonsten arbeitest du in deinem CSS "ganz normal" mit CSS-Pixeln!
Desweiteren lehne ich mich mal weit aus dem Fenster und behaupte, dass es keine gute Idee ist, irgendwelche Höhen (heights) fest vorzugeben!
Warum?
Gegenfrage: Wozu?
Denn entweder hast du 'overflow:visible', dann kannst du dir die Angabe einer Height eh sparen, oder du läufst Gefahr Inhalte abzuschneiden. Denn ich bezweifel stark, dass bspw. bei deiner Query '(min-width: 451px) and (max-width: 800px)' ein Container stets dieselbe Höhe bräuchte.
Oder mit anderen Worten: Mach' keine Baustellen auf, wo sie nicht nötig sind! Weniger ist in diesem Fall mehr!
Gruß Gunther