2015-07-29 21 views
5

c'è un modo per eseguire questa operazione in css? @media screen and (min-width < min-height)Come sapere se la larghezza della vista è maggiore della sua altezza utilizzando una mediaquery

Ho iniziato a scrivere una libreria di front-end e voglio "rispondere" in base a questa condizione.

+0

qual è lo scopo specifico? potresti fare un esempio pratico di cosa vuoi ottenere? – fcalderan

+0

Ad esempio, desidero un menu orizzontale superiore fisso se altezza> larghezza e un menu verticale fisso se larghezza> = altezza. – GwydionFR

risposta

7

Verificare l'orientamento, ad es. 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

Soluzione perfetta, grazie mille! – GwydionFR

+0

prego. – fcalderan

+0

Anche larghezza minima: 100vh –