El texto se mueve en dispositivos en diseño responsivo
Publicado por santa (1 intervención) el 08/09/2018 16:03:09
Estoy creando una página web (con CSS para el estilo) y el diseño responsivo en el navegador de la ordenador funciona perfectamente y también en las herramientas de simulacion de dispositivos. El problema fue que cuando abro el sitio web en un dispositivo móvil o TV real, algunos textos se suben o bajan alguns píxels. ¿Alguien puede explicarme eso? ¿Porqué es eso? Los textos están perfectamente en el medio...
No tiene sentido, es decir, por ejemplo no tiene sentido que un boton con padding igual en bottom como en top no este centrado. He comprobado otros de los casos contando los pixeles con photoshop y tambien lo estan.
Imagen captura en ordenador en pantalla normal
Imagen captura en ordenador herramientas de desarrollador a una dimension de 300px de ancho
Imagen captura en zoom en movil de 300px a 400px de ancho
HTML:
CSS:
Este botón no tiene ningún elemento que cambie su aspecto, ni en media query css ni nada.... Si veis que a veces el fondo es mas claro es porque de fondo hay un vídeo. Este es el ejemplo mas claro que no tiene ningún sentido.
No tiene sentido, es decir, por ejemplo no tiene sentido que un boton con padding igual en bottom como en top no este centrado. He comprobado otros de los casos contando los pixeles con photoshop y tambien lo estan.
Imagen captura en ordenador en pantalla normal
Imagen captura en ordenador herramientas de desarrollador a una dimension de 300px de ancho
Imagen captura en zoom en movil de 300px a 400px de ancho
HTML:
1
<a href="" class="registro">Registrarse</a>
CSS:
1
2
3
4
5
6
7
8
9
10
11
12
border: 2px solid #ba9a67;
color: #ba9a67 !important;
border-radius: 4px;
background: transparent;padding: 3px;font-size: 14px;
margin-left: 12px;
outline: 0;cursor: pointer;font-family: HelveticaNeueLTStd-Md !important;
font-weight: normal;
letter-spacing: 0.3px;
Este botón no tiene ningún elemento que cambie su aspecto, ni en media query css ni nada.... Si veis que a veces el fondo es mas claro es porque de fondo hay un vídeo. Este es el ejemplo mas claro que no tiene ningún sentido.
Valora esta pregunta
0