Forum Pplware

Versão Completa: Erro de responsividade
Está de momento a ver uma versão reduzida do nosso conteúdo. Ver versão completa com o formato adequado.
Olá,


meu site ao ser acessado via celular mostra erros, tipo fundo menor que o site (a imagem de fundo tem 1700x1032). E preciso diminuir o zoom para vê-lo corretamente

Alguém poderia me ajudar?

http://www.webdragonstudio.com
Olá Smile

Usas media queries?
não uso. ainda não tenho conhecimento suficiente para trabalhar com media queries
Aconselho-te a estudares um pouco o assunto, porque as mesmas fazem parte da construção de um responsive website.

As media queries não são mais do que blocos de CSS que são interpretados pelo navegador quando uma determinada condição (media querie) é verdadeira.

Deixo-te este link como intro para aprofundares conhecimentos acerca deste assunto,

Responsive Webdesign Introduction - W3Schools

Para além disso usa, por exemplo, as Devtools do Chrome para puderes visualizar o comportamento do site em diferentes dispositivos.

Não podes simplesmente "diminuir o zoom" para que o site se adapte ao dispositivo em causa, se o fizeres podes estar a retirar usabilidade ao teu site, nem sempre consegues ter o mesmo layout em todos os dispositivos, quero com isto dizer, que por vezes para adaptar o site aos diversos dispositivos terás que fazer modificações, alterar os menus, a ordem das diferentes secções, etc.

Vê o comportamento deste site quando diminuis a janela do browser,

Exemplo

[Exemplo do site https://responsivedesign.is/]
URL's de Referência