Comunidad de diseño web y desarrollo en internet online

Problema con meta name="viewport"

Citar            
MensajeEscrito el 27 May 2015 01:45 pm
Hola a todos, tenía algunos sitios web elaborados hace un tiempo los cuales estoy optimizando para móviles y estoy teniendo un problema. Incluí en el head de cada página la meta etiqueta

Código HTML :

<meta name="viewport" content="width=device-width, initial-scale=1">


y en el css cada una de las secciones que necesito, por ejemplo:

Código CSS :

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


como lo he hecho siempre, pero en estos casos no está reconociendo la meta y por tanto no coge los estilos que debería, de igual manera al revisar el sitio con las herramientas de Google me sigue diciendo que la ventana gráfica no está definida. Alguien sabe que puede estar pasando o como lo puedo solucionar?

Muchas gracias.

Por alejilla

Claber

120 de clabLevel



Genero:Femenino  

Colombia

chrome
Citar            
MensajeEscrito el 27 May 2015 02:59 pm
tu documento es html 5 ??

por que puede que lo tengas como XHTML estricto o HTML v4 o 4.1

Saludos.

Por elporfirio

Claber

652 de clabLevel

1 tutorial

Genero:Masculino  

FullStack Web Developer

chrome
Citar            
MensajeEscrito el 27 May 2015 03:02 pm
Gracias por responder, estaba en una versión del xhtml pero actualicé los cabezotes así:

<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>

<link rel="stylesheet" type="text/css" href="estilos.css"/>
</head

Pero sigue sin funcionar :(

Por alejilla

Claber

120 de clabLevel



Genero:Femenino  

Colombia

chrome
Citar            
MensajeEscrito el 29 May 2015 12:47 am
a ver verifica si ya tienes lo que tengo aquí:

http://elporfirio.com/wp/2014/03/apuntes-de-diseno-web-responsive-parte-1/

y aqui el siguiente con los maxwidth mas comunes

http://elporfirio.com/wp/2014/03/apuntes-de-diseno-web-responsive-parte-3/

Por elporfirio

Claber

652 de clabLevel

1 tutorial

Genero:Masculino  

FullStack Web Developer

chrome
Citar            
MensajeEscrito el 29 May 2015 12:53 pm
Hola, muchas gracias por tu respuesta, ya descubrí que pasaba, todo estaba bien implementado pero el dominio de esas dos web estaba asignado con un redireccionamiento 301 (no entiendo porque) pero cuando lo asigné normal todo funcionó como debe.

Por alejilla

Claber

120 de clabLevel



Genero:Femenino  

Colombia

chrome

 

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