2015-07-29 28 views
5

Czy istnieje sposób wykonania tej operacji w css? @media screen and (min-width < min-height)Jak sprawdzić, czy szerokość okna jest większa niż jego wysokość przy użyciu zapytania tekstowego

Zacząłem pisać bibliotekę front-end i chcę "reagować" na podstawie tego warunku.

+0

Jaki jest konkretny cel? czy mógłbyś przedstawić praktyczny przykład tego, co chcesz osiągnąć? – fcalderan

+0

Na przykład chcę stałe górnego menu poziomego, jeśli wysokość> szerokość i stałe menu pionowe, jeśli szerokość> = wysokość. – GwydionFR

Odpowiedz

7

Sprawdź orientację, np. http://codepen.io/anon/pen/LVXzvK

@media all and (orientation: landscape) { 
    body:after { 
    content: "width is greater than height" 
    } 
} 

@media all and (orientation: portrait) { 
    body:after { 
    content: "height is greater than width" 
    } 
} 
+0

Idealne rozwiązanie, dziękuję bardzo! – GwydionFR

+0

nie ma za co. – fcalderan

+0

Również min-szerokość: 100vh –