Em design de página Web, largura líquido layouts - também conhecido como largura layouts fluidos - são onde os desenvolvedores especificar a largura de elementos das páginas, como percentagens da largura da janela do navegador da Web, onde as páginas são exibidas. O site Smashing Magazine, por exemplo, utiliza principalmente largura layouts líquidos. Esta abordagem oferece algumas vantagens sobre os esquemas de largura fixa, em que as larguras dos elementos permanecerá o mesmo, independentemente da largura da janela de navegador Web.
Espaço vazio
O fato de largura líquido layouts confiar em valores percentuais, em vez de valores fixos significa que eles são flexíveis e expandir ou contrato, para preencher o espaço livre em uma janela do navegador. Isso evita e potencialmente espaço estranho branco, ou espaço vazio, em uma página da Web e, porque a quantidade de espaço em branco é semelhante, independentemente do navegador e do tamanho da janela do navegador, largura líquido layouts criar um efeito mais visualmente atraente.
Resolução
largura líquido layouts utilizar todo o espaço livre em uma página da Web, exibindo mais conteúdo em telas maiores e menos conteúdo em telas menores. Como resultado, os designers de página Web não precisa projetar para qualquer resolução específica (o número máximo de pixels que podem exibir na tela de um monitor de computador, geralmente expressa como o número ou linhas e colunas, na forma de 1.024 por 768) - - e páginas da web são mais user-friendly. Se você projetar-los corretamente, largura líquido layouts pode eliminar a necessidade de usar barras de rolagem horizontal em páginas da Web que exibem em telas menores.
Ao controle
largura líquido layouts permitem um controle preciso sobre a largura dos elementos em uma página da Web. Você pode resolver o problema de layouts de largura líquidos sobrepostas com elementos de largura fixa, como barras laterais - que poderiam arruinar o layout de uma página da Web - com uso inteligente do que é conhecido como Cascading Style Sheets (CSS). CSS é uma extensão Hypertext Markup Language (HTML), que permite que você especifique a cor, fonte e, particularmente, o tamanho de certos elementos de uma página Web.
Fluxo
largura líquido layouts permitem texto e outros conteúdos da página Web a fluir, de uma forma natural, sem qualquer tentativa de controlar a largura ou quebras de linha. Os defensores da largura layouts líquidos sinto que esta de acordo com a natureza das páginas Web, em geral. Além disso, você pode criar layouts de largura líquidos - especialmente aqueles que não dependem de gráficos ou técnicas difíceis - de forma simples e limpa, tornando-os fáceis de manter, bem como fácil de usar.
Como fazer uma caixa com o texto dentro html
Como ajustar o tamanho da página web
Como criar colunas e linhas no ilustrador