Não se preocupe com tamanho da tela ou marca do dispositivo, se foque na resolução.
Os tipos de medidas % e em são escaláveis e px é fixa. Use px somente quando necessário, tipo um input que terá uma data, não tem necessidade de ficar maior que o texto de uma data se a resolução for maior.
Para layouts usar sempre %, width e height por exemplo. % pega como referência a largura do componente pai, por exemplo, se o browser tem 800px uma div com 50% terá 400px e uma div dentro dessa div com 50% terá 200px.
Em fontes, font-size usar em, o padrão nos browsers é 16px, então se você quiser um texto com 24px então use 1.5em (24 / 16). Esse também sempre pega como referência o componente pai.
Nenhum comentário:
Postar um comentário