Comunidad de diseño web y desarrollo en internet online

Problema extraño con @media query

Citar            
MensajeEscrito el 26 May 2014 04:30 pm
Esto es bastante extraño... y no doy que puede ser, tengo un site en joomla 2.5, donde la plantilla en el index usa:
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

y yo ocupo que cuando este en una pantalla de 1366px... cambie a esto:

@media screen and (max-width:1366px)
{
.titulo_archivo h1
{
font-size:120%!important;
}
/*esto lo puse como ejemplo*/
#sp-menu-wrapper {

position: fixed!important;
}
}

y el navegador (firefox) no me toma los estilos sino hasta que se reduce a 1223px... alguien tendra idea de como solucionarlo... me paso igual en chrome pero al restablecer un resplado se arreglo... gracias

Por heckctor

0 de clabLevel



 

firefox
Citar            
MensajeEscrito el 29 May 2014 07:14 am
Hola, tu dices que quieres aparezca ese estilo a partir de 1366px, ese es el punto de partida hacia adelante, correcto?

Pues bien, en tu media query lo estas haciendo mal, tu haz puesto esto:

(max-width:1366px)

Eso indica que el estilo colocado dentro de esa query funcionará solo hasta 1366px, lo que tu tienes que poner para que te cargue el estilo desde 1366px es:

(min-width:1366px)

Espero te sirva, saludos.

Por sotelor10

Claber

179 de clabLevel

2 tutoriales

Genero:Masculino  

Diseñador y Maquetador Web

chrome
Citar            
MensajeEscrito el 10 Jul 2014 10:49 am
Prueba con:

Código CSS :

@media all and (max-width:1366px) and (min-width:1px){
.titulo_archivo h1
{
font-size:120%!important;
}
/*esto lo puse como ejemplo*/
#sp-menu-wrapper {
position: fixed!important;
} 
}

Por Cerberupo

25 de clabLevel



Genero:Masculino  

Programador web freelance

firefox

   Página 1 de 1

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.