[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