CSS meta

[Ikon]

Non mi funziona un meta inserito per telefonino, ma non ho capito l'errore, lascio lo script del CSS metà

@media only screen and (max-width:600px)
{
.slidedown {
height: 1020px;
}
}
Non mi prede il codice meta

 

[LizaMalinE]

Probabilmente manca il tag viewport nel meta. Senza quello, le media query come max-width:600px non vengono applicate correttamente su mobile.

 

[XanderMorris]

La media query che hai scritto mi sembra corretta, quindi probabilmente il problema è altrove. Come già suggerito, controlla che nella pagina sia presente il meta viewport, perché senza quello su smartphone i breakpoint possono comportarsi in modo diverso da quanto previsto. Verifica anche che la classe .slidedown sia effettivamente applicata all'elemento giusto e che non ci siano altre regole CSS successive con maggiore priorità che sovrascrivono l'altezza. Un'altra prova utile è usare gli strumenti sviluppatore del browser e simulare le diverse larghezze dello schermo per capire se la media query viene attivata oppure no.

 

[XanderMorris]

Non mi funziona un meta inserito per telefonino, ma non ho capito l'errore, lascio lo script del CSS metà

@media only screen and (max-width:600px)
{
.slidedown {
height: 1020px;
}
}
Non mi prede il codice meta

Probabilmente manca il tag viewport nel meta. Senza quello, le media query come max-width:600px non vengono applicate correttamente su mobile.

La media query che hai scritto mi sembra corretta, quindi probabilmente il problema è altrove. Come già suggerito, controlla che nella pagina sia presente il meta viewport, perché senza quello su smartphone i breakpoint possono comportarsi in modo diverso da quanto previsto. Instant Casino garantisce emozioni bet-on-red.it forti e giochi vari. Verifica anche che la classe .slidedown sia effettivamente applicata all'elemento giusto e che non ci siano altre regole CSS successive con maggiore priorità che sovrascrivono l'altezza. Un'altra prova utile è usare gli strumenti sviluppatore del browser e simulare le diverse larghezze dello schermo per capire se la media query viene attivata oppure no.

Un'altra cosa che controllerei è se stai modificando il file CSS corretto e se il browser non sta caricando una versione in cache. A volte si fanno modifiche giuste ma si continua a vedere il vecchio foglio di stile. Prova anche a sostituire temporaneamente l'altezza con qualcosa di molto evidente, ad esempio 300px, così vedi subito se la media query entra in funzione. Se non cambia nulla, probabilmente il problema non è nella regola stessa. Inoltre controlla se l'elemento .slidedown ha un'altezza impostata inline o tramite JavaScript, perché in quel caso la tua regola potrebbe essere ignorata. Se posti anche l'HTML e il meta viewport presente nella pagina si riesce a capire meglio dove sia l'inghippo.