+- Forum Pplware (http://forum.pplware.com)
+-- Fórum: Mais Tech (/forumdisplay.php?fid=11)
+--- Fórum: Programação e Web (/forumdisplay.php?fid=16)
+--- Tópico: Erro de responsividade (/showthread.php?tid=23332)
Erro de responsividade - webdragonstudio - 08-06-2017 14:03
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
RE: Erro de responsividade - nioxys - 13-06-2017 19:53
Olá
Usas media queries?
RE: Erro de responsividade - webdragonstudio - 13-06-2017 21:42
não uso. ainda não tenho conhecimento suficiente para trabalhar com media queries
RE: Erro de responsividade - nioxys - 13-06-2017 22:18
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/]