Ir ao conteúdo

Posts recomendados

  • Moderador
Postado

@Guilhermenunes01 Olá,

Seja bem vindo em nosso Clube do Hardware.

Vai ser praticamente impossível achar algo pronto. O melhor que você pode fazer é pesquisar sobre como desenvolver seu layout usando Media queries.

 

https://www.w3schools.com/css/css_rwd_mediaqueries.asp

https://www.chiefofdesign.com.br/media-queries-css-introducao-a-diferentes-resolucoes-de-tela/

 

Você vai ter que adaptar todo seu CSS atual para o média querie. Que é o jeito certo de dar a responsividade ao seu site.

 

Em tempo, se desenvolver com algum framework, fica mais fácil.. Por exemplo Bootstrap já possui regras para responsividade. Basta entender como criar a estrutura e usar as classes que ele já possui.

  • Curtir 1
Postado

Responsivo pode ser feito com uma adaptação do media queries ou usando frameworks como falado acima. Se você já tiver terminado o seu site, será um pouco mais complicado deixa-lo responsivo. O certo quando se cria sites é dar prioridade primeiro aos dispositivos mobile como, celulares e tablets. A sua pedida vai ser recusada, o melhor é comprar um site já pronto se o seu caso é de urgência, se não, aprenda CSS responsivo. O que eu posso lhe mostrar é um exemplo da sintaxe da regra @media que é utilizada para se ter uma noção, segue o exemplo abaixo.

@media only screen and (max-width: 600px) { 
  /* Aqui vai o código que sera aplicado a dispositivos 
  com largura de tela abaixo de 600px */
}

 

Crie uma conta ou entre para comentar

Você precisa ser um usuário para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar agora

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×
×
  • Criar novo...

GRÁTIS: ebook Redes Wi-Fi – 2ª Edição

EBOOK GRÁTIS!

CLIQUE AQUI E BAIXE AGORA MESMO!