html - relativas - etiquetas css



qué unidad debo usar en CSS, al diseñar una página web (4)

Diseñé más de 10 sitios, pero aún tenía una duda en mente de '¿Cuál es la unidad correcta que debería usar'? Si es px, o em o%. Por favor guíame en la dirección correcta.

EDITAR 1: PARA DISEÑOS (Especialmente para cajas de contenedores)


Diferentes unidades según el contexto. Si hubiera uno que fuera mejor para cada situación, entonces no habría tantas unidades.

Como reglas generales van:

Si está trabajando en medios de pantalla:

  • Utilice % para tamaños de fuente
  • Usa px para imágenes
  • Use px , % o em para tamaños de caja
  • Usar relaciones para altura de línea

Si está trabajando en medios impresos:

  • Puede ser conveniente evitar px (esto no es una regla difícil de ninguna manera) y todo lo demás es un juego justo. Realmente depende de cuánto control quieras.

No hay verdadero correcto o incorrecto, pero como regla general:

  • Para cualquier cosa que desee un cierto tamaño fijo, use PX
  • Para cualquier cosa que desee escalar con el tamaño de fuente, use EM
  • Para cualquier cosa que desee escalar al espacio disponible en la ventana / contenedor, use %

Cada uno solía tener ventajas o desventajas específicas en diferentes navegadores cuando se trataba de usuarios que escalan el tamaño / tamaño de fuente base del navegador, pero las versiones más recientes de los navegadores solucionan estos problemas al escalar todo, no solo la fuente. tamaño.


Si estás hablando de tamaño de fuente, px y pt no son ideales.

Las unidades Ems y Porcentaje son escalables, por lo tanto, son mucho más accesibles y amigables para personas con discapacidades visuales. También se reducen bien para los usuarios de teléfonos móviles.

Las unidades Px y Pt no se escalan hacia arriba para usuarios con discapacidades visuales, ni hacia abajo para teléfonos móviles.

Si está hablando de diseño o contenedores, entonces depende del tipo de diseño que desee (fluido o estático) y no hay necesariamente una respuesta "correcta".

Sin dar un ejemplo, es difícil dar consejos. ¿Tienes un sitio en mente que podríamos mirar?


Use la unidad que necesita en el contexto específico.

Unit   Description
====================
%   percentage
in  inch
cm  centimeter
mm  millimeter
em  1em is equal to the current font size. 2em means 2 times the size of the current font. E.g., if an element is displayed with a font of 12 pt, then '2em' is 24 pt. The 'em' is a very useful unit in CSS, since it can adapt automatically to the font that the reader uses
ex  one ex is the x-height of a font (x-height is usually about half the font-size)
pt  point (1 pt is the same as 1/72 inch)
pc  pica (1 pc is the same as 12 points)
px  pixels (a dot on the computer screen)

fuente: http://www.w3schools.com/css/css_units.asp





css