 Un sitio web es sensible solo si es capaz de adaptarse a la pantalla delcliente y con la finalidad de alcanzar una corre...
Adapta el zoom de la pantalla automaticamente al anchode la web para que entre por completo en laanchura de la pantalla de...
Utilizar porcentajes para definir los anchos de lascolumnas o contenedoresen lugar de píxeles.img, video, object {max-widt...
Permiten consultas al CSS personalizado basandoseen el ancho mínimo y máximo de un navegador(min-max width)./*Para ventana...
Responsive design
Responsive design
Responsive design
Responsive design
Responsive design
Responsive design
Responsive design
Responsive design
Upcoming SlideShare
Loading in …5
×

Responsive design

435 views

Published on

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
435
On SlideShare
0
From Embeds
0
Number of Embeds
10
Actions
Shares
0
Downloads
6
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Responsive design

  1. 1.  Un sitio web es sensible solo si es capaz de adaptarse a la pantalla delcliente y con la finalidad de alcanzar una correcta funcionalidad de lasinterfaces, buscando lograr uniformidad y estandarización al momento enque desplegamos nuestro contenido en distintos dispositivos ypresentaciones.
  2. 2. Adapta el zoom de la pantalla automaticamente al anchode la web para que entre por completo en laanchura de la pantalla del dispositivo.<meta name="viewport" content="width =device-width, initial-scale=1, maximum-scale=1" />
  3. 3. Utilizar porcentajes para definir los anchos de lascolumnas o contenedoresen lugar de píxeles.img, video, object {max-width:100%;}
  4. 4. Permiten consultas al CSS personalizado basandoseen 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) {}

×