[SOLUCIONADO] Unir media queries en una sola linea

[Triby2]

Saludos,

A primera vista, por el título llamaría la atención porque no tienen lógica a simple vista unir media queries cuando precisamente se separan para varios dispositivos..

Toda la razón! Pero mi página web, resulta que la versión para portatiles, y pantallas grandes es la misma que para un ipad en horizontal y desearía unir la media querie de un ipad dentro de la querie que llama a las pantallas de pc, portatiles y widescreens...

Alguien sabe hacerlo?

[TibicenasDesign]

Hola, perdona pero

Toda la razón! Pero mi página web, resulta que la versión para portatiles, y pantallas grandes es la misma que para un ipad en horizontal

y desearía unir la media querie de un ipad dentro de la querie que llama a las pantallas de pc, portatiles y widescreens...

¿No dices en la segunda frase que deseas lo que ya tienes según la primera frase?

De todas maneras, para unir las queries simplemente utiliza una coma ,

Código:

@media only screen and (min-width: 1024px), only screen and (min-width: 600px) and (min-height: 900px) {
//Aquí tu css
}

En el ejemplo que te acabo de poner la querie se cumple en dos casos:
1) si el dispositivo tiene un ancho igual o mayor a 1024px
2) si el dispositivo tiene un ancho igual o mayor 600px Y una altura igual o mayor a 900px

La coma es para otros casos en los que el querie puede cumplirse, el AND es un condicionante, por lo que la última aunque el dispositivo midiera 1000px de alto, si su ancho fuese 480px por ejemplo no se cumpliria la condición por lo que el querie daría false.

Espero haberte ayudado.

[Triby2]

"Pero mi página web, resulta que la versión para portatiles, y pantallas grandes es la misma que para un ipad en horizontal

y desearía unir la media querie de un ipad dentro de la querie que llama a las pantallas de pc, portatiles y widescreens..."

Lo tengo en diferentes media queries, una para ipad, en portrait, otra en landscape y las otras para portatiles y grandes pantallas, lo que buscaba era eliminar la media querie que tengo separada para el iPad en Landscape y pegar solo esa media querie en la de las pantallas grandes, así ahorro código en el css final.

Grácias, me has ayudado, no tenía claro como hacerlo!!!