search

gustavoguanabara / html-css

Curso de HTML5 e CSS3
https://gustavoguanabara.github.io/html-css/
MIT License
13.96k stars 3.35k forks source link

Projeto Cordel #637

Open DeyvissonAlves opened 3 months ago

DeyvissonAlves commented 3 months ago

Está dando um erro nas imagens do projeto cordel, quando hospedei o site no GitHub, digitei o domínio, no meu aparelho para visualizar o mesmo, porém as imagens mostram como se estivessem com zoom, mesmo usando o aparelho em modo paisagem, continua maximizada as imagens.

DeyvissonAlves commented 3 months ago

E a fonte do H1 ficou diferente do que eu coloquei.

DeyvissonAlves commented 3 months ago

Mas isso é somente em aparelho celular. Quando busco no computador aparece normal.

BenjamimCS commented 3 months ago

Qual era o comportamento esperado? Forneça mais informações, por favor.

Bernardo-design commented 2 months ago

Eu também tive esse problema.

Utilizamos o "background-image" para fazer um efeito parallax simples (basicamente é um efeito de movimento da imagem de background pro site ficar mais bonito). E no Live server do VSCode funciona perfeitamente.

Porém ao hospedar o site no Github Pages as imagens somem. Tem alguma ideia do que pode ser isso?

Bernardo-design commented 2 months ago

Aqui vai o link do meu site para você dar uma olhada: https://bernardo-design.github.io/projeto-cordel/

BenjamimCS commented 2 months ago

@Bernardo-design Issue #197. Qualquer coisa só perguntar.

Bernardo-design commented 2 months ago

Então mano, dei uma olhadinha lá, mas minha pasta de imagens se encontra no meu diretório atual, ou seja, está na mesma pasta em que está todos os arquivos.

Então indiquei que a pasta imagens está dentro da pasta do projeto que tem todos os arquivos (./imagens/background001).

E mesmo assim não foi. Eu fiz certo? kkkkk

Link do meu projeto: https://bernardo-design.github.io/projeto-cordel/

Bernardo-design commented 2 months ago

Deu certo! Haha. Esquece, valeu monxtro!!

DeyvissonAlves commented 2 months ago

A minha queixa não é quando visualizo pelo notebook, por ele está tudo certo, mas quando visualizo o projeto através de um dispositivo móvel, as imagens ficam maximizadas e sem o efeito parallax.

DeyvissonAlves commented 2 months ago

Esperado seria as imagens ficarem em efeito parallax e você ver os detalhes das imagens, vejam o vídeo que postei aqui.

https://github.com/user-attachments/assets/cee66f06-7468-4781-8d36-57f37eaf8ee9

BenjamimCS commented 2 months ago

Ah sim, hehehe, má interpretação minha. Na Issue #193 explica isso, dê uma olhada para mais informações. Considere essa Issue encerrada pois já tem uma equivalente.

monica308 commented 1 month ago

Esperado seria as imagens ficarem em efeito parallax e você ver os detalhes das imagens, vejam o vídeo que postei aqui.

WhatsApp.Video.2024-09-09.at.22.32.22.mp4

Comigo ocorreu o mesmo. Mas é especifico do ios, pq no Android funcionou normal. Conseguiu resolver?

BenjamimCS commented 1 month ago

Esperado seria as imagens ficarem em efeito parallax e você ver os detalhes das imagens, vejam o vídeo que postei aqui.

WhatsApp.Video.2024-09-09.at.22.32.22.mp4

Comigo ocorreu o mesmo. Mas é especifico do ios, pq no Android funcionou normal. Conseguiu resolver?

Issue #193.