Media Queries non targetta width 1024px

[ShiroKen87]

Salve a tutti,

sto provando a targettare i dispositivi con risoluzione 1024X600 o 1024X768 con media queries senza successo.
Preciso che non ho porblemi (sempre con @media) a targettare smartphone, IPad retina, o schermi da 1280px in su.

Ne ho provate davvero tante, ma credo che mi basti qualcosa del genere (che purtroppo non mi funziona):

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

  or

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

Qualche idea?

Saluti

[ac_socmel]

sarebbe bene vedere un esempio "dal vivo" di quello che fai
come soluzione veloce direi che ti conviene fare il css principale per 1024
e con le mediaqueries intercetti le altre risoluzioni

[widoz83]

ti serve definire lo stile per le risoluzioni comprese tra 1024px e 1280px?

[ShiroKen87]

Sto lavorando su un CSS di un sito fatto in WP. E' underconstruction ma se vuoi lo pubblico al volo.

[ShiroKen87]

No mi serve per le risoluzioni 1024x600 e 1024x768

[widoz83]

ah proprio delle risoluzioni precise, non avevo capito.

ho fatto delle prove:

@media only screen and (width:1024px) and (height:100px) ,
only screen and (width:1024px) and (height:300px)
{
body{background-color:yellow;}
}

[widoz83]

ops scusa , non avevo finito di scrivere che mi ha inviato la risposta...

stavo dicendo...ho fatto delle prove concatenando così due media query e mi imposta lo stile solo quando mi trovo in quelle due determinate circostanza: 1024x100 e 1024x300, che nel tuo caso saranno 600 e 768.

non so sia il modo più corretto però

[ShiroKen87]

Ho provato ma niente da fare. Nel mio CSS queste queries funzionano:

@media (min-width: 240px) and (max-width : 533px) {}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {}
@media screen and (min-width: 1600px) {}

Inoltre preciso che il thema WP utilizza un ulteriore file CSS per le media queries, ma quando ridefinisco una query nel CSS le sovrascrive come nei casi sopracitati.

[ShiroKen87]

Ho risolto così:

@media only screen and (max-width: 1199px) {}

Adesso non mi rimane che fare un paio di queries per risoluzioni comprese tra 600px e 800px.

Saluti e grazie.