Cita:
Iniciado por HackID1 
Muchisimas gracias por responder. Espero cuando solucione unos problemas que tengo en mis ficheros.html y .php poder hacer uso de esto.
Acabo de mirar el enlace de @media, la verdad esta muy bien, eso quiere decir que puedo hacer mi estilo CSS todo con divs (las distintas capas) y luego poner
Código CSS:
Ver original@media screen and (max-width: 600px){
div{
width:100%;
height:auto;
margin-left:10px;
}
}
Y a partir de los 600px se reduciria la página web, todos mis DIV para todos los dispositivos que no alcancen los 600px de ancho???.
No lo he implementando pero quisiera saber un poco más.
Si me puedes decir unas medidas estándar que sirvan para todas lo agradecería para mi proyecto. de instituto
Gracias!!!
Esto es seguro que sirve para todos los navegadores como lo pone ahí. ?
Bueno, en ese pedazo de código tu pones que "
cuando la página web sea menor a 600px tu div tomará los valores que has asignado dentro del media querie", al principio es algo confuso pero es cosa de entender bien el trabajo de "max-width, min-width".
Y sobre medidas estándar para los smartphones se suele utilizar "max-width:480px", acá te dejo un enlace con varias medias queries:
[URL="http://www.paulund.co.uk/boilerplate-css-media-queries"]http://www.paulund.co.uk/boilerplate-css-media-queries[/URL]
Nota: No te olvides de poner siempre éste código:
Código:
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0" />
Este meta tag se utiliza para controlar cómo aparecerá el contenido HTML en los navegadores móviles. Así nos aseguramos que el contenido se ajusta al ancho del dispositivo.