Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17641
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Como ajustar o tamanho do site a todas as resoluções

14-04-2015 14:47

Nesse post vou mostrar como ajustar o tamanho do site a todas as resoluções dos navegadores.

Para fazer isso basicamente precisamos trabalhar com porcentagem na base do site.

Supondo que você use tabelas em seu site, você pode fazer o seguinte:

<style> .tabela{ border:1px solid #ccc; width:90%; margin-left:auto; margin-right:auto; } </style>


<table class="tabela"> <tr> <td>conteúdo</td> </tr> </table>

O código acima vai gerar uma tabela que irá ficar sempre centralizada na tela, e sempre ocupando 90% do navegador, não importa se for computador, tablet ou celular.

Seu conteúdo interno da tabela deve estar sempre baseado em porcentagem.
Você também pode seguir a dica desse post de como criar um layout responsivo para o seu site Site-responsivo-para-celular-e-computad ... _31157.htm
0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado