Hola,
Surgen algunos contratiempos al trabajar con porcentajes, no sé si esto sólo me pasa a mi o a todos, igual dejó aquí expuestos algunos de mis problemas haber si alguien hace el favor de ayudarme.
Con el ancho de los elementos no tengo problemas, siempre les pongo porcentajes y el alto se calcula automáticamente, el problema lo tengo con el alto; al dejar que se calcule de manera automática no tengo control sobre él, no sé cuánto mide y no puedo hacer cálculos exactos... por ejemplo si tengo una imagen de 1000px X 600px, la meto en un contenedor que tiene 100% de ancho y le indico que a penas entre ocupe el 100% también, ocupará todo el ancho pero el auto se calculará según el tamaño de la imagen, lo que es un problema porque no sé la medida vertical. NO puedo especificarle un alto en porcentajes debido a que las imágenes tienen medidas diferentes de alto y ancho, si hiciera eso la imagen se distorsionaría (además no creo que se pueda). En realidad sí podría darle un alto en porcentajes pero el ancho sería auto, por lo que de todas formas no solucionaría el problema, a decir verdad estaría exactamente igual porque ahora no sabría el ancho. De repente algunos no ven esto como un gran problema pero, si quisieran crear dos bloques paralelos (inline) del mismo tamaño en porcentajes, y en uno poner texto y en el otro una imagen ¿cómo harían?, podríamos poner por ejemplo un ancho de 50% a cada uno y un alto de 60%, y para el primero estaría bien porque sólo tiene texto y lo podemos centrar ¿pero cómo haríamos para que la imagen cubra al 100% el bloque? sin duda habría desproporción.
Otros problemas que se presentan son los borders, margins, paddings, los textos... cuando hago zoom en mis páginas con porcentajes el ancho nunca cambia, y eso está bien, pero el alto si se mueve, el texto, los márgenes, espacios internos, todo eso se mueve, en conclusión los pixeles son un fastidio. No entiendo cómo se puede trabajar armoniosamente mezclando píxeles y porcentajes, creo que por estos problemas la mayoría de gente sigue trabajando en pixeles, cuando miro las páginas más conocidas casi todas están en píxeles o em.
Por último lo de los bordes, márgenes y espacios internos es soluble, sólo se le pone a la etiqueta HTML 100% y se calcula según eso pero, las imágenes y los textos siguen siendo problemáticos, las letras siempre crecen o se achican con el zoom, no importa que las pongas en porcentajes o que especifiques un tamaño máximo, siempre cambian con el acercamiento y se desbordan de sus contenedores (porque estos siempre estarán inmóviles debido a su ancho porcentual).
Quisiera saber si alguno de ustedes trabaja con porcentajes, y si es así, ¿cómo lidian con estos problemas mencionados?, o tal vez no les den importancia...