ubiquitour.com

Anchura anchura fija vs líquido

Anchura anchura fija vs líquido

Los desarrolladores del sitio web deben crear y ajustar los valores para todos los componentes de un trazado, incluyendo ancho. Ajuste de cambios de ancho de un sitio como se ve en el navegador de un visitante al sitio. Hay dos tipos comunes de ancho utilizado por los desarrolladores: fija y fluida. Estos tipos tienen diferentes cualidades que los distinguen unos de otros.

Ancho fijo

Un sitio web creado con un diseño de anchura fija tiene un valor numérico específico de su anchura. El ancho fijo es inamovible e independiente de la resolución del monitor de un usuario final. Utilizando un diseño de ancho fijo tiene varias ventajas. La forma que se muestra contenido legible en una página de anchura fija es controlada por el desarrollador del sitio web, porque el ancho no varía, así no necesita texto de reflujo según ancho de ventana de navegador. Además, son más fáciles visualmente diseñar y editar diseños de anchura fija.

Ancho fluido

Diseños líquidos se crean al no especificar un ancho o mediante un porcentaje en lugar de un valor numérico. Por ejemplo, un diseño con un ancho de fluido de 100 por ciento tendrá comúnmente el espacio de la pantalla horizontal completa de un navegador Web sin que el usuario tener que utilizar una barra de desplazamiento al contenido del acceso. El texto reformateará automáticamente dependiendo del tamaño del navegador. Si el diseño es codificado e instalado correctamente, el sitio se adaptará a cualquier ancho de punto de vista.

Desventajas del diseño fijo

Hay algunas desventajas a usar un diseño de ancho fijo. La mayoría de diseños siempre incluirá una barra de desplazamiento, debido a todo el contenido no está en la pantalla al mismo tiempo. Según bestia verde, un diseño de anchura fijado sólo debería ser colocado en el lado izquierdo de la página, por lo que los usuarios no están obligados a desplazarse para acceder a los contenidos principales. El sitio web puede parecer estrecho en pantallas y monitores más grandes. En este caso, se reducen la cantidad de contenido y número de columnas que se pueden agregar a un diseño.

Desventajas del diseño líquido

Un diseño fluido tiene su propio distinto conjunto de desventajas. La propiedad "max-width" utilizada comúnmente en diseños de fluido no es compatible en Internet Explorer 6 y versiones anteriores. Por lo tanto, el diseño puede no ser legible en los equipos con navegadores viejos. Los usuarios de diseño fluido también pueden sentir obligados a agregar más contenido de lo que habrían, por el espacio generado por la anchura flexible.