CSS Desktop / Mobile

Question

Boa tarde, tudo bem?

Uma aspx fica legal no acesso ao desktop, mas no acesso mobile esta muito pequeno. Tem como eu fazer algo para não precisar criar 2 paginas?

http://eclesia.sabtech.com.br/inscricaoconfirmada?id_reserva=1

CSS

.Div_Geral {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    ;
    width: 100%;
    height: 600px;
    color: inherit;
    background-color: #ffffff;
}

.Div_Interna {
    left: 50%;
    top: 50%;
    margin-left: -200px; /* Metade do valor da Largura */
    margin-top: -200px; /* Metade da valor da Altura */
    ;
    width: 400px; /* Valor da Largura */
    height: 400px; /* Valor da Altura */
}

.DIV_InscricaoRealizada {
    background-color: #d4edda;
    height: 70px;
    text-align: center;
    margin-bottom: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.Txt_InscricaoRealizada {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 30px;
    font-weight: bold;
    color: #155724;
    text-decoration: none;
}

.Sombra {
    background-color: #eeeeee;
    padding: 5px 10px;
    -webkit-box-shadow: 9px 7px 5px rgba(50, 50, 50, 0.77);
    -moz-box-shadow: 9px 7px 5px rgba(50, 50, 50, 0.77);
    box-shadow: 9px 7px 5px rgba(50, 50, 50, 0.77);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.DIV_LogoIgreja {
    background-color: #337ab7;
    height: 70px;
    text-align: center;
    margin-bottom: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.DIV_Separacao {
    height: 10px;
}

.DIV_Center {
    text-align:center;
}

Answer 1

Tente utilizar isso em seu css

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

---

Espero ter ajudado. Se ajudei, favor marcar no fórum falando que foi útil.

Mauricio Junior - Comunidade www.ecode10.com