Ver Mensaje Individual
  #2 (permalink)  
Antiguo 12/11/2014, 10:58
Avatar de TibicenasDesign
TibicenasDesign
 
Fecha de Ingreso: noviembre-2013
Ubicación: Gran Canaria
Mensajes: 58
Antigüedad: 10 años, 5 meses
Puntos: 2
Respuesta: Unir media queries en una sola linea

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.