¿Cómo hacer que la etiqueta Viewport se adapte a diferentes tamaños de pantalla?

Hola a todos,
He leído que con la etiqueta viewport una web se adapta al ancho del dispositivo móvil reduciéndolo o ampliándolo según el caso, según ese artículo se recomienda utilizar los siguientes atributos dentro de esa etiqueta:
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

Con una web de prueba de 320x480 px se ajusta bien en dispositivos de 400 px de ancho pero he comprobado que por ejemplo en un móvil Samsung Galaxy Note que tiene una resolución de 800x1280, el anocho de esa página no se adapta con el viewport al ancho de ese dispositivo.

¿Hay que configurar esa etiqueta de otra forma?

- - - Actualizado - - -

¿Nadie me puede ayudar?

Pégale una ojeada a este link: La etiqueta meta viewport en la web móvil « HTML 5, información útil en español
Pero yo te recomendaría que busques como hacer un diseño "responsive" que es lo que utilizan casi todas las webs para hacer de que el diseño sea adaptable a celulares como tanto a computadoras. Bootstrap es una buena iniciativa para usar el responsive, no me ha traido problemas, saludos y suerte :encouragement:

Hola, con el viewport la pagina no se amplia o reduce, con esta metaetiqueta en la parte que dice width=device-width indica al DOM que la resolucion que utilizara es la del dispositivo, esto es por que en el caso de muchos smartphones aumentan la resolucion pero no el tamaño de la pantalla, la resolucion real de 800x1280 es de 400x640 pixeles,
en la parte de initial-scale=1 indica que se abrira sin zoom, y con el maximum-scale=1 es que no se podra hacer zoom, pero el como se vea tu sitio es del como lo diseñes con los CSS, en dado caso deverias utilizar [MENTION=16931]medi[/MENTION]a only screen (en CSS) para cada una de las posibles resoluciones de los dispositivos moviles.