0

inserir a descrição da imagem aqui

@media screen and (max-width: 1100px) and (min-width: 600px) {
    html {
        width: 100%;
        height: 200%;
    }


    body {
        background: #f8f8f8;
        font-family: "Verdana", Times, serif;
        font-size: 18px;
        margin: 10px;
        height: 100%;

    }


    #usuario {
        font-size: 11px;

    }

    .menu ul {
        margin-left: 1%;
        margin-top: -10px;
    }


    .footer {
        height: 10%;
        text-align: left;
        margin-bottom: 10px;
    }

    .webGrid {
        margin: 11px;
        margin-left: 25px;
        border-collapse: collapse;
        width: 40%;
        background-color: #ffffff;
        text-align: justify;
        font-size: 10.1px;
        float: left;
    }

    .webGrid2 {
        margin: 10px;
        margin-left: 400px;
        border-collapse: collapse;
        width: 35%;
        background-color: #ffffff;
        text-align: left;
        font-size: 10px;
        margin-top: 900px;
    }

    .headerGrid a {
        color: rgb(00, 87, 147);
        text-decoration: none;


    }

    .comentario {
        max-width: 200px;
        white-space: nowrap;
        overflow: hidden;


    }

    .grafico {
        float: left;

    }



    #chartContainer, #chartContainer2 {
        zoom: 52%;
        display: inline-flex;
        margin-top: 400px;
        float: left;
        margin-left: 1%;

    }

    #chartContainer3, #chartContainer4 {
        zoom: 52%;
        display: inline-flex;
        margin-top: 200px;
        float: left;
        margin-left: 1%;
        margin-top: 10.5%

    }

    #chartContainer5 {
        zoom: 50%;
        display: inline-flex;
        margin-top: 416px;
        float: left;
        margin-left: 1%;

    }


}

ao redimensionar a tela todo conteúdo se redimensiona, nos gráficos dei um zoom, para que o gráfico fique com um tamanho em evidencia a pedido do usuário, o problema é que os nomes e que estão em cima dos gráficos não aumentam conforme o zoom que eu coloquei, como posso configurar para que fique de uma forma proporcional?

3
  • Mas se vc quer aumentar pq colocou o Zoom em 50%? Deveria por em 150%
    – hugocsl
    23/05/2019 às 15:27
  • @hugocsl 50% atende oque foi pedido por eles,antes eu havia colocado 150%
    – user149301
    23/05/2019 às 15:36
  • Esses gráficos estão sendo feito via plugin? como eles estão sendo construídos? 23/05/2019 às 20:48

1 Resposta 1

0

Você tem que declarar o font-size em cada @media-screen para ficar realmente como você quer. Dê uma lida aqui, isso também vai ajudar.

3
  • eu fiz isso e mesmo assim o que está escrito em cima do gráfico não correspondeu ,a fonte continua do mesmo tamanho, coloquei um print pra tentar deixar mais claro.
    – user149301
    23/05/2019 às 15:39
  • tenta colocar '!important' no 'font-size' 24/05/2019 às 16:09
  • e limpa o cache do navegador 24/05/2019 às 16:10

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .