Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [inne][CSS] Responsywność 1024x600 vs. 600x1024
Forum PHP.pl > Forum > Przedszkole
kosmos
Witam,
Załóżmy że mamy tablet 10 cali o rozdzielczości takiej jak podałem w temacie.
Dostosowując stronę do przykładowej rozdzielczości 1024x600 używam zapisu:
  1. @media screen and (max-width: 1024px) , screen and (max-height: 600px) {}

Gdy obrócę tablet o 90 stopni rozdzielczośc zmienia się na 600x1024.
Próbowałem zrobić odwrócony zapis dla tego typu operacji w taki sposób:
  1. @media screen and (max-width: 600px) , screen and (max-height: 1024px) {}

ale nie poskutkowało.

Jak powinno się to robić?

kpt_lucek
Wysokość nie powinna grać roli - nie Ty decydujesz ile strona ma wysokości, a zbiór elementów/treści oraz ich długość już tak.

Powinieneś operować na szerokości strony, bo to, że obrócisz tablet o 90* nie znaczy że ktoś takowego urządzenia z w/w szerokością nie posiada. Poza tym, zwróć uwagę jak są tworzone FW pod CSS (bootstrap 3 chociażby).

Wnioskując po innych tematach widzę, iż używasz SF2 jako frameworka backendowego, zainteresuj się LESS/SASS do budowania CSS, zdecydowanie przyspiesza pracę, a o zwiększeniu produktywności nie wspomnę.
r4xz
Poczytaj czy "landscape" spełni Twoje oczekiwania:
https://developer.mozilla.org/en-US/docs/We...S/Media_queries
  1. @media (min-width: 700px) and (orientation: landscape) { ... }
tzm
Cytat(kpt_lucek @ 12.04.2015, 15:42:21 ) *
Wnioskując po innych tematach widzę, iż używasz SF2 jako frameworka backendowego, zainteresuj się LESS/SASS do budowania CSS, zdecydowanie przyspiesza pracę, a o zwiększeniu produktywności nie wspomnę.


Polecasz preprocesory osobie która nie zna czystego cssa nawet w podstawach? Czytam posty Kosmosa i tutaj trzeba pomoc tak jak @r4xz a nie od razu dowalac stosem nauki ktory imho, jest tak samo bardzo skomplikowany jak SF ( przynajmniej mowie o sassie )
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.