SlideShare una empresa de Scribd logo
1 de 21
Adapta el zoom de la pantalla automáticamente al ancho
de la web para que entre por completo en la
anchura de la pantalla del dispositivo.
<meta name="viewport" content="width =
device-width, initial-scale=1, maximum-
scale=1" />
Utilizar porcentajes para definir los anchos de las
columnas o contenedores
en lugar de píxeles.
img, video, object {max-width:100%;}
Permiten consultas al CSS personalizado basandose
en el ancho mínimo y máximo de un navegador
(min-max width).
/*Para ventanas inferiores a los 480px*/
@media screen and (max-width: 480px) {
}
Web movil, adaptarse o morir
Web movil, adaptarse o morir
Web movil, adaptarse o morir
Web movil, adaptarse o morir

Más contenido relacionado

Destacado

13-10-2013 El Gobernador Guillermo Padrés entregó al congreso del estado su I...
13-10-2013 El Gobernador Guillermo Padrés entregó al congreso del estado su I...13-10-2013 El Gobernador Guillermo Padrés entregó al congreso del estado su I...
13-10-2013 El Gobernador Guillermo Padrés entregó al congreso del estado su I...Guillermo Padrés Elías
 
From A to B to Heroku - By Juan Bonfante
From A to B to Heroku - By Juan BonfanteFrom A to B to Heroku - By Juan Bonfante
From A to B to Heroku - By Juan BonfanteJuan Bonfante
 
[웹기반시스템 3조]e govframe 중간고사 제출 정리
[웹기반시스템 3조]e govframe 중간고사 제출 정리[웹기반시스템 3조]e govframe 중간고사 제출 정리
[웹기반시스템 3조]e govframe 중간고사 제출 정리구 봉
 
Snakes Cole and Sammy
Snakes Cole and SammySnakes Cole and Sammy
Snakes Cole and Sammyktuttle34
 
About infusion ppt overview april 2011
About infusion ppt overview   april 2011About infusion ppt overview   april 2011
About infusion ppt overview april 2011kkelin
 
Unit 73 IG2 Brief
Unit 73 IG2 BriefUnit 73 IG2 Brief
Unit 73 IG2 Briefrosstapher
 
اللوحاتx
اللوحاتxاللوحاتx
اللوحاتxDreamchild
 

Destacado (14)

13-10-2013 El Gobernador Guillermo Padrés entregó al congreso del estado su I...
13-10-2013 El Gobernador Guillermo Padrés entregó al congreso del estado su I...13-10-2013 El Gobernador Guillermo Padrés entregó al congreso del estado su I...
13-10-2013 El Gobernador Guillermo Padrés entregó al congreso del estado su I...
 
Portafolio de presentacion
Portafolio de presentacionPortafolio de presentacion
Portafolio de presentacion
 
From A to B to Heroku - By Juan Bonfante
From A to B to Heroku - By Juan BonfanteFrom A to B to Heroku - By Juan Bonfante
From A to B to Heroku - By Juan Bonfante
 
[웹기반시스템 3조]e govframe 중간고사 제출 정리
[웹기반시스템 3조]e govframe 중간고사 제출 정리[웹기반시스템 3조]e govframe 중간고사 제출 정리
[웹기반시스템 3조]e govframe 중간고사 제출 정리
 
Snakes Cole and Sammy
Snakes Cole and SammySnakes Cole and Sammy
Snakes Cole and Sammy
 
About infusion ppt overview april 2011
About infusion ppt overview   april 2011About infusion ppt overview   april 2011
About infusion ppt overview april 2011
 
Convocatoria para la formación de jóvenes investigadores e innovadores en 2012
Convocatoria para la formación de jóvenes investigadores e innovadores en 2012Convocatoria para la formación de jóvenes investigadores e innovadores en 2012
Convocatoria para la formación de jóvenes investigadores e innovadores en 2012
 
03 action forms
03 action forms03 action forms
03 action forms
 
Unit 73 IG2 Brief
Unit 73 IG2 BriefUnit 73 IG2 Brief
Unit 73 IG2 Brief
 
Teorica eia
Teorica eiaTeorica eia
Teorica eia
 
Pu garcia espil
Pu garcia espilPu garcia espil
Pu garcia espil
 
Śniadanie Daje Moc
Śniadanie Daje MocŚniadanie Daje Moc
Śniadanie Daje Moc
 
اللوحاتx
اللوحاتxاللوحاتx
اللوحاتx
 
Growing Tomorrow's Careers With a Focus on STEM
Growing Tomorrow's Careers With a Focus on STEMGrowing Tomorrow's Careers With a Focus on STEM
Growing Tomorrow's Careers With a Focus on STEM
 

Más de Andrés Londoño

Software Architecture - Neobit Consulting
Software Architecture - Neobit ConsultingSoftware Architecture - Neobit Consulting
Software Architecture - Neobit ConsultingAndrés Londoño
 
Arquitectura de software y otros demonios
Arquitectura de software y otros demoniosArquitectura de software y otros demonios
Arquitectura de software y otros demoniosAndrés Londoño
 
Docker Containers | Talent Week/Team International
Docker Containers | Talent Week/Team InternationalDocker Containers | Talent Week/Team International
Docker Containers | Talent Week/Team InternationalAndrés Londoño
 
Secure Development, Seguridad al Codificar
Secure Development, Seguridad al CodificarSecure Development, Seguridad al Codificar
Secure Development, Seguridad al CodificarAndrés Londoño
 
Microservicios, sin morir en el intento
Microservicios, sin morir en el intentoMicroservicios, sin morir en el intento
Microservicios, sin morir en el intentoAndrés Londoño
 
Net Core + Docker + Kubernetes + Azure Devops
Net Core + Docker + Kubernetes + Azure DevopsNet Core + Docker + Kubernetes + Azure Devops
Net Core + Docker + Kubernetes + Azure DevopsAndrés Londoño
 
Xamarin - Aplicaciones Móviles con .Net
Xamarin - Aplicaciones Móviles con .Net Xamarin - Aplicaciones Móviles con .Net
Xamarin - Aplicaciones Móviles con .Net Andrés Londoño
 
Xamarin y DevOps #NetConfCO2017
Xamarin y DevOps #NetConfCO2017Xamarin y DevOps #NetConfCO2017
Xamarin y DevOps #NetConfCO2017Andrés Londoño
 
Nanoservicios para aplicaciones móviles - Global azure boot camp 2017
Nanoservicios para aplicaciones móviles - Global azure boot camp 2017Nanoservicios para aplicaciones móviles - Global azure boot camp 2017
Nanoservicios para aplicaciones móviles - Global azure boot camp 2017Andrés Londoño
 
Interfaces humanas con kinect
Interfaces humanas con kinectInterfaces humanas con kinect
Interfaces humanas con kinectAndrés Londoño
 
NoSQL bases de datos no relacionales
NoSQL bases de datos no relacionalesNoSQL bases de datos no relacionales
NoSQL bases de datos no relacionalesAndrés Londoño
 
Liderar equipos de trabajo
Liderar equipos de trabajoLiderar equipos de trabajo
Liderar equipos de trabajoAndrés Londoño
 

Más de Andrés Londoño (20)

Software Architecture - Neobit Consulting
Software Architecture - Neobit ConsultingSoftware Architecture - Neobit Consulting
Software Architecture - Neobit Consulting
 
Arquitectura de software y otros demonios
Arquitectura de software y otros demoniosArquitectura de software y otros demonios
Arquitectura de software y otros demonios
 
Docker Containers | Talent Week/Team International
Docker Containers | Talent Week/Team InternationalDocker Containers | Talent Week/Team International
Docker Containers | Talent Week/Team International
 
Kubernetes for beginners
Kubernetes for beginnersKubernetes for beginners
Kubernetes for beginners
 
Secure Development, Seguridad al Codificar
Secure Development, Seguridad al CodificarSecure Development, Seguridad al Codificar
Secure Development, Seguridad al Codificar
 
Microservicios, sin morir en el intento
Microservicios, sin morir en el intentoMicroservicios, sin morir en el intento
Microservicios, sin morir en el intento
 
Xamarin iOS
Xamarin iOSXamarin iOS
Xamarin iOS
 
Xamarin + IoT
Xamarin + IoTXamarin + IoT
Xamarin + IoT
 
Net Core + Docker + Kubernetes + Azure Devops
Net Core + Docker + Kubernetes + Azure DevopsNet Core + Docker + Kubernetes + Azure Devops
Net Core + Docker + Kubernetes + Azure Devops
 
Xamarin - Aplicaciones Móviles con .Net
Xamarin - Aplicaciones Móviles con .Net Xamarin - Aplicaciones Móviles con .Net
Xamarin - Aplicaciones Móviles con .Net
 
Azure y DevOps
Azure y DevOpsAzure y DevOps
Azure y DevOps
 
Xamarin y DevOps #NetConfCO2017
Xamarin y DevOps #NetConfCO2017Xamarin y DevOps #NetConfCO2017
Xamarin y DevOps #NetConfCO2017
 
Nanoservicios para aplicaciones móviles - Global azure boot camp 2017
Nanoservicios para aplicaciones móviles - Global azure boot camp 2017Nanoservicios para aplicaciones móviles - Global azure boot camp 2017
Nanoservicios para aplicaciones móviles - Global azure boot camp 2017
 
Xamarin forms Xaml + C#
Xamarin forms Xaml + C#Xamarin forms Xaml + C#
Xamarin forms Xaml + C#
 
Windows 10 universal apps
Windows 10 universal appsWindows 10 universal apps
Windows 10 universal apps
 
Web Apps Azure
Web Apps AzureWeb Apps Azure
Web Apps Azure
 
Interfaces humanas con kinect
Interfaces humanas con kinectInterfaces humanas con kinect
Interfaces humanas con kinect
 
NoSQL bases de datos no relacionales
NoSQL bases de datos no relacionalesNoSQL bases de datos no relacionales
NoSQL bases de datos no relacionales
 
Apps web vs apps nativas
Apps web vs apps nativasApps web vs apps nativas
Apps web vs apps nativas
 
Liderar equipos de trabajo
Liderar equipos de trabajoLiderar equipos de trabajo
Liderar equipos de trabajo
 

Web movil, adaptarse o morir

  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15. Adapta el zoom de la pantalla automáticamente al ancho de la web para que entre por completo en la anchura de la pantalla del dispositivo. <meta name="viewport" content="width = device-width, initial-scale=1, maximum- scale=1" />
  • 16. Utilizar porcentajes para definir los anchos de las columnas o contenedores en lugar de píxeles. img, video, object {max-width:100%;}
  • 17. Permiten consultas al CSS personalizado basandose en el ancho mínimo y máximo de un navegador (min-max width). /*Para ventanas inferiores a los 480px*/ @media screen and (max-width: 480px) { }