CSS {aumento de fonte em dispositivos moveis}

Em telas pequenas, o texto aparecia pequeno. Com esse CSS, em telas pequenas é possível configurar o tamanho da fonte.

NÃO ESTÁ IMPLEMENTADO

1. Como utilizar

Em:

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

Alterar o tamanho da fonte nas duas linhas onde está 16px

2. Resultado

3. CSS implementado no blog

/* ===== CORREÇÃO FONTE MOBILE ===== */

@media screen and (max-width: 768px) {
    .post-body {
        font-size: 16px !important;
        line-height: 1.6 !important;
    }
        .post-body p, 
    .post-body li, 
    .post-body td {
        font-size: 16px !important;
        line-height: 1.6 !important;
    }
    
    .post-body h2 {
        font-size: 20px !important;
    }
    
    .post-body h3 {
        font-size: 18px !important;
    }
    
    .post-body h4 {
        font-size: 16px !important;
    }
}

@media screen and (max-width: 480px) {
    .post-body {
        font-size: 16px !important;
        line-height: 1.6 !important;
    }
    
    .post-body p, 
    .post-body li {
        font-size: 16px !important;
        line-height: 1.6 !important;
    }
}

/* ===== FIM == CORREÇÃO FONTE MOBILE ===== */