CSS - Alturas de cajas en diferentes navegadores. Reset Meyer

 
Vista:
sin imagen de perfil
Val: 3
Ha aumentado su posición en 5 puestos en CSS (en relación al último mes)
Gráfica de CSS

Alturas de cajas en diferentes navegadores. Reset Meyer

Publicado por Juan Manuel (2 intervenciones) el 29/12/2018 14:39:22
Hola a tod@s.

Estoy intentando con lo reset de meyer hacer una pequeña página de prueba que se vea bien en todos los navegadores(Edge, Firefox y Chrome). En los dos primeros se ven bien (en los dos misma altura), pero en chrome, las alturas no son las mismas.
Alguien le ha sucedido lo mismo o sabe como solucionarlo?
Os pongo imágen y código.

Gracias!!!!


imagen-1
codigo
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de ScriptShow
Val: 571
Plata
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Alturas de cajas en diferentes navegadores. Reset Meyer

Publicado por ScriptShow (125 intervenciones) el 29/12/2018 16:14:18
Saludos Juan Manuel,

empieza por un Reset básico ampliable...

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<style>
* {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font-weight: normal;
vertical-align: baseline;
background: transparent;
}
 
html {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
 
article, aside, details, figure, footer, header, nav, section, summary {
display: block;
}
</style>

Colócalo al principio antes de cualquier enlace, instancias a librerías externas. Para probar, deja sólo la Hoja de Estilos después del código anterior. Quita todo lo demás. Prueba hasta obtener resultados...

Espero sea útil.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
sin imagen de perfil
Val: 3
Ha aumentado su posición en 5 puestos en CSS (en relación al último mes)
Gráfica de CSS

Alturas de cajas en diferentes navegadores. Reset Meyer

Publicado por Juan Manuel (2 intervenciones) el 29/12/2018 18:02:12
Gracias por contestar ScriptShow.

He probado como me dices, pero sigue igual. Es como si Chrome tuviese un tamaño de pixel mas pequeño que los otros. En las respectivas consolas de cada navegador, veo que las alturas, font-size, anchuras, etc de todos los navegadores coinciden, pero visualmente en Chrome se muestra el texto mas grande.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar