[inne][CSS] Responsywność 1024x600 vs. 600x1024 Opcje

[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:

[PHP] pobierz, plaintext 
@media screen and (max-width: 1024px) , screen and (max-height: 600px) {}
[PHP] pobierz, plaintext 

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:

[PHP] pobierz, plaintext 
@media screen and (max-width: 600px) , screen and (max-height: 1024px) {}
[PHP] pobierz, plaintext 

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ę.

Ten post edytował kpt_lucek 12.04.2015, 14:43:54

[r4xz]

Poczytaj czy "landscape" spełni Twoje oczekiwania:
https://developer.mozilla.org/en-US/docs/We...S/Media_queries

[CSS] pobierz, plaintext 
@media (min-width: 700px) and (orientation: landscape) { ... }
[CSS] pobierz, plaintext 

[tzm]

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 )