Zapytanie o media dla rozmiaru przeglądarki, gdzie szerokość jest mniejsza niż wysokość

Question

Zapytanie o media dla rozmiaru przeglądarki, gdzie szerokość < wysokość?

Próbowałem

@media screen and (max-width: 700px) and (min-height: 700px) { 

Ale to nie działa. Proszę pomóż.

przypadku użycia:

• jeśli (szerokość> wysokość) wyrównać pozycji poziomej
• jeśli (szerokość < wysokość) CHC dostosowanie pozycji pionowej.

Answer 1

Istnieje specjalny prawo zapytania mediów do swoich potrzeb.

Zapytanie o media pozwala nam kierować określone style na podstawie bieżącego ekranu lub orientacji urządzenia. Mamy dwie właściwości; krajobraz i portret które pozwalają nam zmienić layout strony oparte na przeglądarkach orientacji prąd.

przeglądarka lub urządzenie określa orientację słuchając szerokości i wysokości okna. Jeśli wysokość jest większa niż szerokość, okno jest w trybie portretu. Jeśli szerokość jest większa niż wysokość, jest w trybie poziomym.

/* Portrait */ 
@media screen and (orientation:portrait) { 
    /* Portrait styles */ 
} 
/* Landscape */ 
@media screen and (orientation:landscape) { 
    /* Landscape styles */ 
}