Cambiar CSS en h1

[bullancas]

Hola!

Me estoy volviendo loco para cambiar el tamaño de la etiqueta <h1>.

El caso es que en la version web se me ve bien, a un tamaño pequeñito, pero en el movil o en la tablet se agranda mucho y he probado de mil formas desde el CSS pero no soy capaz de corregirlo...
A ver si me decís dónde está el fallo...

Esta es la web: http://cuñas.net

Muchas gracias!

[PHPeros]

¿No puedes con font-size?

[bullancas]

Iniciado por PHPeros

¿No puedes con font-size?

Lo he cambiado, pero en tablet y movil sigue saliendo grande. En cambio en el pc se ve bien... No lo entiendo...

¿Alguien lo puede comprobar y decirme dónde está el problema?

Gracias!

[PHPeros]

En dispositivos móviles (al menos en Android), se da la opción de aumentar el texto para mejorar la lectura. Prueba a ver si existe esa opción en la config, y si eso la desactivas.

[bullancas]

Mmmm me temo que no es eso, es algo relacionado con la etiqueta <h1>, ya que si la cambio por la etiqueta <p> se ve bien. Pero no doy con la forma de solucionarlo...

[pzin]

¿Miraste esta parte?

Código CSS:

@media only screen and (max-width: 60em)
  h1 {
    font-size: 3.1em;
  }
}
 

En style.css#579.

[bullancas]

Muchas gracias pzin!!

Ahí estaba el fallo... no lo había visto!

Mil gracias por tu ayuda

[pzin]

Por si te sirve para un futuro, yo lo descubrí usando la emulación de Chrome, lo puse en un dispositivo móvil, luego inspeccionar elemento y vi los estilos que se estaban aplicando.



Que cambiaron eso hace poco, antes era un poco diferente. Pero bueno, sirve de mucho esté como esté.

[magnate8]

Para la proxima vez que te pase eso, y no quieras comerte tanto el coco, pedes hacer como le pones un !important y arreglado jaja (no es muy recomendable, pero a veces nos puede ahorrar tiempo)

h1 {
font-size: 1.1em !important;
}