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
Rispondi quotando
