Mi sitio se ve diferente en otros dispositivos y pantallas

Los elementos en tu sitio online se alinean con elementos cercanos. Dado que cada navegador procesa el texto de un sitio de diferentes formas, a veces algunos elementos ubicados debajo de cajas de texto pueden mostrarse con pequeñas diferencias de altura dependiendo del navegador. 

Para resolver esto puedes establecer una altura determinada para tu caja de texto de manera que los elementos ubicados por encima mantengan la misma alineación en diferentes navegadores.

Aprender más

Los diferentes navegadores y dispositivos usan una variedad de motores de procesamiento que pueden ocasionar pequeñas diferencias en la forma en tu fuente aparece en tu sitio online.
 
Si tienes este problema, te recomendamos ampliar la caja de texto más de lo necesario. De esta forma habrá espacio para que el texto se expanda sin dividirlo en otra línea. Mira:

Una barra de desplazamiento horizontal indica que un elemento se ha colocado fuera de las líneas de la cuadrícula.
 
Para eliminar la barra de desplazamiento horizontal, mueve todo el contenido dentro de las líneas de la cuadrícula o usa elementos optimizados.

Consejo: si no puedes encontrar los elementos, usa Ctrl + M (Cmd + M en Mac) para localizarlos.

Los elementos que se colocan fuera de la cuadrícula se cortarán en tabletas y pantallas más pequeñas. Te recomendamos colocar elementos y contenido dentro de las líneas de la cuadrícula.

Puedes colocar elementos de ancho completo en tu sitio (como franjas y galerías), pero asegúrate de que su contenido importante, como el texto, aún se encuentre dentro de las líneas de la cuadrícula.

Aprender más