Página web que se ve pequeña en movil

Cuando hacemos una web, y esta se ve muy pequeña en un teléfono móvil, se debe que los navegadores de los móviles entienden por defecto que la página está realizada para verse en monitores más grandes, por lo que escalan su contenido. Esto obliga a tener que hacer zoom para poder ver correctamente la página.

Para evitar este efecto, HTML5 dispone de la etiqueta viewport. Para que la web se vea correctamente en un dispositivo más pequeño que un monitor, se debe de incluir dentro del head de la página la siguiente etiqueta:

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

Los valores posibles del atributo content, son los siguientes:

width: Ancho en píxeles o device-width para coger el ancho de la pantalla.
height: Alto en píxeles o device-height para coger el alto de la pantalla.
user-scalable: (yes o no) Si el usuario puede o no hacer zoom.
initial-scale: (0.0 a 10.0) Escala a usar la primera vez que se cargue la página web. Para no usar escalado: 1.0.
minimum-scale: (0.0 a 10.0) Escala mínima a la que el usuario puede llegar al hacer zoom.
maximum-scale: (0.0 a 10.0) Escala máxima a la que el usuario puede llegar al hacer zoom.

Se puede encontrar más información en la siguiente página.