1
resposta

Como faço para a estilização do meu site aparecer quando ele for aberto em outros dispositivos?

Desenvolvi uma página web com html e css, porem quando mandei o arquivo para um colega, reparei que a página não apresentava mais a estilização e nem as imagens.

OBS: Apliquei o css de forma externa durante o projeto.

1 resposta

Olá Nicolas, tudo bem?

É muito comum que a estilização do site não apareça em outros dispositivos quando o CSS é aplicado de forma externa. Isso acontece porque o arquivo CSS não é carregado corretamente.

Para resolver esse problema, você pode utilizar caminhos relativos para o arquivo CSS. Em vez de utilizar um caminho absoluto, como "C:\Users\Nicolas\Documents\estilo.css", utilize um caminho relativo, como "../estilo.css". Isso fará com que o arquivo CSS seja carregado corretamente, independentemente do dispositivo em que o site for aberto.

Outra dica importante é utilizar o meta tag viewport no cabeçalho do seu HTML. Essa tag permite que o navegador saiba como deve ser exibido o conteúdo do seu site em diferentes dispositivos. Você pode adicionar a seguinte linha de código no cabeçalho do seu HTML:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Espero ter ajudado e bons estudos!