Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

Como podemos adaptar o projeto para mobile?

Olá! A minha dúvida é sobre como adaptar o projeto para o celular. Pelo que eu li uma maneira eficiente para isso é trocar os valores em px para porcentagem. Todavia, com que parâmetro podemos fazer isso? Digo, devemos ter um "modelo" de tela e depois fazer os cálculos usando porcentagem? Por exemplo, como ficaria o seguinte código:

main{
    width: 940px;
    margin: 0 auto;
}

form{
    margin: 40px 0;
}

form label, form p{
    display: block;
    font-size: 20px;
    margin: 0 0 10px;
}

.input-padrao{
    display: block;
    padding: 10px 25px;
    width: 50%;
    margin: 0 0 20px;
}

.checkbox{
    margin: 20px 0;
} 

3 respostas
solução!

Olá,

Pelo que percebi, você está na parte 3 da aula de HTML5 e CSS3. O professor irá mostrar uma base de como se adapta para mobile lá no final da parte 4 da aula de HTML5 e CSS3, pois existem formas de adaptar para mobile utilizando o:

@media screen and (max-width: 480px) {

}

Espero ter ajudado.

Bons estudos.

valeu Igor !

Entendi. Obrigado, Igor!