Modo listagem | Modo Linear

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

nioxys · 13-06-2017, 19:53

Olá

Usas media queries?

webdragonstudio · 13-06-2017, 21:42

não uso. ainda não tenho conhecimento suficiente para trabalhar com media queries

nioxys · (Esta mensagem foi modificada pela última vez a: 13-06-2017 22:22 por nioxys.)

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/]