Como fazer meu site se adaptar a qualquer resolução

A resolução da tela incomoda muitos designers da Web porque ela varia de usuário para usuário e de computador para computador. Há duas maneiras de lidar com esse problema e permitir que sua página se adapte a qualquer resolução. Primeiro, usando Cascading Style Sheets ou CSS (como sigla em inglês), você pode configurar a largura da página para mudar com a resolução, definindo porcentagens para sua amplitude no arquivo CSS do site.

Abra o HTML da sua página e o arquivo CSS em um editor de texto.

Procure a tag “body” no arquivo HTML. Isso indica o início da área visível do site. Crie uma tag “div”, em “corpo”.

Conceda um ID para a tag “div”. Por exemplo, “div id = page”.

Procure a marca “/ body” no final do documento. Coloque o termo “div” antes de “/ body”. Deve ficar assim: “/ div / body”.

Salve seu arquivo HTML.

Crie elementos CSS em seu arquivo CSS, para a tag body e o ID da página. Defina as margens e o preenchimento do corpo como zero. Isso garantirá que a área visível cubra toda a janela do navegador. Por exemplo: corpo {margem: 0; padding: 0;} # página {}.

Defina a largura da sua página no ID, usando porcentagens. A porcentagem permitirá que a página mude para a resolução que o usuário que visita o site vê. Por exemplo: # page {width: 100%}

Salve seu arquivo CSS.

Referências

 

Você pode estar interessado:

Deixe um comentário