escalar mi pagina web en diferentes dispositivos etiqueta viewport

PIN
Share on LinkedInShare on FacebookTweet about this on TwitterShare on Google+

Ahora con todo el auge de dispositivos portatiles es necesario que nuestra web soporte esos dispositivos y para eso tenemos las web resposives o web mobil pero existe una etique que hace que nuestra web se adapte a toda medida de pantalla aun hay que si tu web no esta muy maquetado (construccion de la web) o si los plugins de efectos no son soportados por el mobil saldran mal asi que esto no es una solucion ya que ademas todo se veria muy pequeño en un dispositivo mobil y hay entra el tema de experiencia de usuario UX.

esta etiqueta seria un complemento a responsive design o tambien web mobil:
con esto la web si escala al tamaño del dispositivo

<meta name="viewport" content="width=device-width">

si queremos que el usuario no escale la web (touch)

<meta name="viewport" content="width=device-width,user-scalable=no;">

si queremos que se pueda escalar el doble de su tamaño (pueden jugar con los valor)

<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=2.0;">

 

Share on LinkedInShare on FacebookTweet about this on TwitterShare on Google+

Hi, I'm luis rodriguez

Hola, Soy Luis Rodriguez, radico en Lima – Perú, formado en una carrera informática, desempeñando desde el 2007 como programador web y viendo proyectos desde Front End y Back End a lo que me perfile como Full Stack. Esta Experiencia junto a mi interés en la Analítica Web me ayudó mucho entender el funcionamiento interno de las herramientas de analítica, con las que vengo trabajo activamente desde 2017. Linkedin

http://luisrodriguez.pe

Leave Your Comments