Ciao, avrei bisogno di una mano...

ho un sito responsive, con media query in un unico css, che semplificando è così così strutturato:


  • css chiamiamolo "base", che è quello che viene visualizzato dagli smartphone
    (ma anche se si riduce la finestra del browser su pc o se l'utente usa ie9, è qui sta il problema)
  • @media (min-width: 800px)
    { css per schermo piccolo }
  • @media (min-width: 1024px)
    { css per schermo grande }




Il mio problema, come accennato sopra, sta appunto nel fatto che se si riduce la finestra del browser su pc o se l'utente usa ie9 viene impostato il layout "base" che è quello impaginato per smartphone sostanzialmente.


senza stravolgere il css e mettermi a spostare tutti i blocchetti dei singoli stili posso mantenere questi 3 blocchi e aggiungere delle regole in modo che su pc e per i browser vecchi venga visualizzato il blocco centrale? Ho provato ad aggiungere o screen, ratio, ma non so se non vanno bene o se li ho impostati sbagliati. In pratica vorrei aggiungere alla regola centrale qualcosa tipo così:


@media (min-width: 800px) and SE SEI UNO SCHERMO DI PC
{ css per schermo piccolo }

Grazie a chi avrà voglia di rispondermi