ubiquitour.com

Cómo entender la medición en la Web

¿Diseño de una página web y confundido acerca de píxeles (px), el ccsme y porcentajes? Aquí hay una explicación de cada tipo de medida que puede ser utilizado en la pantalla para mostrar.

Instrucciones

1 En teoría, los píxeles son lo más parecido a un tamaño determinado que controlan como diseñador. Si pones texto a 10px o 12px, debe permanecer esa manera. En la práctica, los navegadores más modernos permiten zoom y texto cambios de tamaño y permiten a los usuarios cambiar el tamaño de elementos de la página mide en pixeles hasta cierto punto.

2 Los píxeles son más confiables al establecer un ancho fijo para todos o parte de un diseño. Por ejemplo, puede establecer un ancho de barra lateral en 200px, y no se expandirá más allá de eso. Se puede establecer un ancho de diseño toda en 800px y no va a expandirse más allá de eso, incluso si el usuario hace un zoom para aumentar el tamaño del texto.

3 EMS representan una medida en relación al tamaño de la letra M. En algunas fuentes la letra M es mayor que en otros, por lo que el ems se consideran una medida relativa.

4 EMS puede utilizarse para definir tamaños de fuente y también anchos de elementos como barras laterales o diseños de todos.

5 Cuando se utiliza para establecer el tamaño de la fuente, 1 em es igual al tamaño de la fuente preferida del usuario. En la mayoría de los ordenadores y en la mayoría de los navegadores trabaja a unos 14 pixeles. Tan un tamaño de fuente de 0.8em es más pequeño que el tamaño de Fuente preferido del usuario, mientras que un ajuste de 1.3em es más grande.

6 Anchura de los elementos en un diseño se puede expresar también en ems. Cuando la página es ampliada, todo crece en la misma medida relativa de la ampliación. El diseño y la tipografía tamaño tanto aumento. La ventaja de este método es que el número de palabras en una línea de texto generalmente permanece igual. Si la página es ampliada a 200 o 300 veces normales, que el diseño todo puede aumentar tanto que el usuario debe desplazarse horizontalmente para leer toda la página.

7 Porcentajes también relacionado con el tamaño de la fuente preferida del usuario. Un ajuste del 100% para tamaño de fuente debe coincidir con el tamaño de la fuente preferida del usuario. Por lo tanto, el 90 por ciento sería ligeramente menor, mientras que 110 por ciento sería un poco más grande.

8 Porcentajes en un diseño, la anchura máxima es de 100 por ciento. No importa cuánto es ampliar la página, el diseño puede conseguir mejor que 100 por ciento de la ventana del navegador.

9 Tamaños de fuente en porcentajes pueden ser ampliado a cualquier número de veces. Esto puede resultar en ser tan grande que sólo pueden haber una o dos palabras en una línea de palabras. En esta situación, el usuario debe desplazarse verticalmente para leer la página.

Consejos y advertencias

  • Píxeles, ems y porcentajes de cada uno tienen su lugar y se pueden mezclar en una página web para tomar ventaja de las necesidades del diseño.