Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
OLÁ AMIGOS , QUERIA SABER OQUE DEVO FAZER PARA CRIAR UM SITE , MAS PARA VERSÕES NÃO SO DESKTOP, MAS TAMBEM MOBILE, PORQUE EU CRIEI UM SITE , MAS QUANDO O ACESSEI PELO CELULAR ESTAVA DESORGANIZADO E COMO VERSÃO DESKTOP! QUERIA A AJUDA DE VOCÊS !
Ok , sou novo no fórum e não sabia , o link do site é : http://tutoriaislh.hol.es/ .. eu sou novo em quesito de programação , se encontrar erros , acontece !
Olá luan, acredito que isso ocorra por você definir valores exatos no tamanho dos componentes que formam o seu site.
Pesquise um pouco sobre o conceito de responsividade, você pode aplica-lo facilmente em seu site utilizando o bootstrap por exemplo. Espero ter ajudado. :)
Tente usar media queries, por exemplo:
No HTML:
<!DOCTYPE html>
<html>
<head>
<title>Media Query</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<div class="caixa">Alguma coisa</div>
</body>
</html>
No CSS:.caixa{ background: blue; }
@media screen and (max-width: 768px){
.caixa{ background: red; }
}
Assim, quando alguém acessar o site pelo celular, a div terá como cor de fundo vermelho e não azul. Usando esses princípios você pode otimizar o site para dispositivos móveis com um CSS específico para tal.
Espero que tenha ajudado ;)
Bom local para começar a aprender https://www.casadocodigo.com.br/collections/livros-de-desenvolvimento-web
Pesquisa também por web responsive e medie queries, conforme já foi dito!
Boa sorte
>
Em 02/04/2017 at 20:23, joaomart disse:
Tente usar media queries, por exemplo:
No HTML:
<!DOCTYPE html>
<html>
<head>
<title>Media Query</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<div class="caixa">Alguma coisa</div>
</body>
</html>
No CSS:.caixa{ background: blue; }
@media screen and (max-width: 768px){
.caixa{ background: red; }
}
Assim, quando alguém acessar o site pelo celular, a div terá como cor de fundo vermelho e não azul. Usando esses princípios você pode otimizar o site para dispositivos móveis com um CSS específico para tal.
Espero que tenha ajudado ;)
Obrigado Amigo .. me ajudou
@luannsr12, bem vindo ao fórum. Evite postar títulos em maiúsculo e tente ser mais claro no seu questionamento.
Como você desenvolveu seu site? Tem link?
---
Alterei o título do seu post
OQUE POSSO UTILIZAR PARA CRIAR UM SITE EM HTML CSS ETC.. PARA VERSÕES MOBILE E DESKTOP? -> Site Mobile