Hola.
Estoy haciendo una web de prueba y he descubierto que poniendo <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;"> en el head la web se adapta a la pantalla del móvil y deja de verse enana. Bien.
El caso es que tengo puesto que mi menú superior sea de 40px de alto y resulta que en mi PC y en mi móvil se ven distinto, concretamente en el móvil se ve sensiblemente más pequeña, como si la pusiese a 30px (aprox) de alto.
La pregunta es, ¿como puedo calcular el tamaño con el que se van a ver los elementos en el móvil si resulta que no es el mismo que en un navegador de PC?
PD: De resoluciones ando flojete.
EDITO: Me equivoqué de subforo, lo quería abrir en "Diseño Web", mil perdones
