Como fazer minha página web se adaptar a todos os navegadores

Escrito por kathy burns-millyard Google | Traduzido por francisco de castro
  • Compartilhar
  • Tweetar
  • Compartilhar
  • Pin
  • E-mail
Como fazer minha página web se adaptar a todos os navegadores
Faça uma página web se adaptar a todos os navegadores (Creatas Images/Creatas/Getty Images)

Para fazer uma página se adaptar automaticamente para ser compatível em qualquer navegador, que a está visualizando, é utilizado o design de página fluido ou responsivo. Quando criar uma página que tem um conjunto específico de largura, como 800 pixels, a página exibirá sempre a 800 pixels de largura independentemente do tamanho do monitor. Ao fazer o design fluido de páginas, você permite que ela possa se adaptar à largura do navegador que está sendo utilizado. Isso geralmente permite que a página seja vista da mesma forma em um dispositivo portátil ou um computador com um monitor widescreen. O truque é utilizar percentuais para a largura da página, em vez de pixels.

Nível de dificuldade:
Moderado

Outras pessoas estão lendo

O que você precisa?

  • Conhecimento básico em CSS ou HTML
  • Editor de texto

Lista completaMinimizar

Instruções

  1. 1

    Abra o arquivo HTML da página web em um editor de texto como o NoteTab (www.notetab.com).>

  2. 2

    Localize o início do corpo da página que está marcado com a tag <BODY>.

  3. 3

    Para o CSS: Insira a tag CSS a seguir logo abaixo da tag <BODY>:

    <div style="width:100%">

    Para as tabelas: Insira a tag de tabela a seguir logo abaixo da tag <BODY>:

    <table width="100%">

  4. 4

    Vá até o final do seu arquivo HTML até ver a tag de fechamando do corpo:

    </BODY>

  5. 5

    Para o CSS: Insira </DIV> logo acima da tag </BODY>.

    Para as tabelas: Insira </TABLE> logo acima da tag </BODY>.

  6. 6

    Salve o arquivo modificado e o reinicie no servidor web.

Dicas & Advertências

  • Você pode querer utilizar um pouco menos de 100 por cento de largura em ambos o tamanho da tabela ou código CSS para fornecer uma pequeno espaço de margem em ambos os lados do texto da página web.

Não perca

Filtro:
  • Geral
  • Artigos
  • Slides
  • Vídeos
Mostrar:
  • Mais relevantes
  • Mais lidos
  • Mais recentes

Nenhum artigo disponível

Nenhum slide disponível

Nenhum vídeo disponível