Foros del Web » Creando para Internet » CSS »

porcentaje o pixeles

Estas en el tema de porcentaje o pixeles en el foro de CSS en Foros del Web. No les pasa que por ej los padding o los margin cuando se los maneja en porcentajes, se ven diferente en un navegador y en ...
  #1 (permalink)  
Antiguo 28/08/2014, 11:10
 
Fecha de Ingreso: agosto-2014
Mensajes: 35
Antigüedad: 10 años, 2 meses
Puntos: 0
porcentaje o pixeles

No les pasa que por ej los padding o los margin cuando se los maneja en porcentajes, se ven diferente en un navegador y en otro, ¿como usan las medidas uds? por ej estaría mal si solo uso porcentajes en width, padding y margin right left (laterales), y cuando sean height, paddin y margin top bottom(verticales) los maneje en pixeles, porque se me desalinea todo cuando trabajo con porcentajes en chrome y firefox y como q aparecen objetos mas abajo que otro, tambien me pasa con la linea q divide cada parrafo, que tuve que ponerles line-height para q no se notara la diferencia, les pasa? ¿usan porcentajes o pixeles?
  #2 (permalink)  
Antiguo 29/08/2014, 05:23
Avatar de dreamkarkayu  
Fecha de Ingreso: junio-2010
Mensajes: 22
Antigüedad: 14 años, 5 meses
Puntos: 2
Respuesta: porcentaje o pixeles

En principio tanto si usas porcentajes como pixeles no debería verse diferente en Chrome y Firefox ya que son medidas que depenen de la resolución del usuario, no del navegador (no metemos aquí a IE)

El usar una u otra medida depende de lo que quieras hacer.

Al usar pej: width: 200px; sabes que ese elemento va a medir siempre 200px sea la resolución que sea.
Eso provocará que el elemento se vea grande en resoluciones bajas (pej 320px de ancho) y pequeño en resoluciones altas (pej: 1900px de ancho).

Si quieres crear un site responsive es mejor usar porcentajes porque te facilita que toda la estructura se adapte a diferentes resoluciones (o eso o ajustar todas las medidas en pixeles a través de las Media Querys).

Yo suelo usar porcentajes para width/height y 'em' para padding/margin. Haciendo eso me facilita, como ya te he comentado, el que todo se me adapte a diferentes resoluciones. Esto no quita que tenga que usar Media Querys para 'afinar' cada diseño en una resolución u otra, pero los cambios que debo hacer son menores que si uso pixeles.

A ver si otro compañero nos da su opinión.

Un saludo!
  #3 (permalink)  
Antiguo 29/08/2014, 12:24
 
Fecha de Ingreso: agosto-2014
Mensajes: 35
Antigüedad: 10 años, 2 meses
Puntos: 0
Respuesta: porcentaje o pixeles

Si la verdad que conviene en porcentajes, y no sé si soy obsesivo pero si veo una pequeña o pequeñisima diferencia entre firefox y chrome en las distancias de los párrafos por ej le puse line-height para q qeden iguales en los dos, partiendo del mismo código. Te seguire tu consejo de usar porcentajes, gracias amigo!
  #4 (permalink)  
Antiguo 29/08/2014, 16:49
Avatar de chichote
Colaborador
 
Fecha de Ingreso: diciembre-2004
Ubicación: Santiago - Chile
Mensajes: 1.868
Antigüedad: 19 años, 11 meses
Puntos: 145
Respuesta: porcentaje o pixeles

utiliza normalize.css, lo que hace es normalizar tamaños, distancias entre los navegadores. En mi caso frecuentemente trabajo con bootstrap, y bootstrap ya incluye dicha libreria.

saludos.
__________________
http://chicho.ninja yiaaaa
  #5 (permalink)  
Antiguo 29/08/2014, 17:42
 
Fecha de Ingreso: agosto-2014
Mensajes: 35
Antigüedad: 10 años, 2 meses
Puntos: 0
Respuesta: porcentaje o pixeles

ya le pegué una leída a lo que es normalize.css, muchas gracias amigo, algun lugar de confiabilidad para descargarla? o la q encuentre?
  #6 (permalink)  
Antiguo 29/08/2014, 19:20
Avatar de webosiris
Moderador egiptólogo
 
Fecha de Ingreso: febrero-2002
Ubicación: Luxor, Egipto
Mensajes: 10.725
Antigüedad: 22 años, 9 meses
Puntos: 998
Respuesta: porcentaje o pixeles

Cita:
Iniciado por emmx2012 Ver Mensaje
ya le pegué una leída a lo que es normalize.css, muchas gracias amigo, algun lugar de confiabilidad para descargarla? o la q encuentre?
habiendo un sitio oficial donde conseguirla, no veo porque hacerlo de otros lados...
__________________
Pasamos tus PSD a HTML

Pobre del que lo sabe todo, porque no tiene nada más que aprender ni razón para vivir. -

Etiquetas: porcentaje, width
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 10:57.