A la hora de crear diferentes diseños para web debemos tener claro las dimensiones en pixel de los nuevos dispositivos móviles que están en el mercado.
La mejor opción es usar media queri que te da la posibilidad de adaptar con css tus clases para abarcar las diferentes resoluciones.
Aquí están las resoluciones de los dispositivos más importantes:
Resulución Ipad: 1024×768
Resolución Ipad 2: 1024×768
Resolución Iphone: 320×480
Resolución Samsung Galaxy Ace: 320×480
Resolución Samsung Galaxy S II: 800×480
Resolución Nokia Lumia 800: 800×480