Si può individuare nel css la risoluzione dello schermo?

[jookla]

Ho questo problema:
-attualmente ho 2 css:

--uno per risoluzioni superiori a 1024
--uno per risoluzioni inferiori a 1024

Siccome i campi diversi fra i due css sono pochi, come si potrebbe fare per avere un solo css?

E' possibile? O è una cavolata come idea?

[Mich_]

La gestione dei vari CSS andrebbe fatta lato server (PHP, ASP, JSP, ...).
Pero` si puo` anche fare tramite JS. Il CSS non ha (fino ad oggi) la capacita` di identificare le dimensioni della finestra o del monitor.
Per i dettagli di programmazione ti rimando ai forum rispettivi.

Per quanto riguarda come spezzare il CSS, puoi procedre in vari modi: la scelta dipende dalla tecnica usata e dalla quantita` di materiale da definire diverso

1. Se la cosa viene fatta lato server, la cosa piu` conveniente e` caricare il CSS piu` adatto volta per volta.

2. Se la cosa viene fatta lato client (JS):
2a) se sono poche istruzioni:
carichi il CSS piu` comune (rispetto al target), e poi controlli se la dimensione della finestra e` diversa, modifichi tramite JS la formattazione agli elementi che necessitano

2b) altrimenti puoi caricare un nuovo CSS (con le "correzioni" necessarie) solo se la dimensione e` diversa

3. (Logica diversa alternativa sia a 1 che a 2)
Carichi un CSS standard con tutti gli attributi comuni
Prepari due CSS con gli attributi che vuoi diversi
carichi uno o l'altro dei CSS "diversi" con le stesse tecniche di cui sopra (1 o 2)

[jookla]

ti ho inviato un Messaggio privato..

[fcaldera]

puoi usare le @media query nel css (che saranno ignorate però nei browser più vecchi)

es.

@media screen and (max-device-width: 1024px) {
       ...
}

@media screen and (max-device-width: 1680px) {
       ...
}

anche se forse dovresti considerare la dimensione del browser più che la risoluzione totale