52 lines
958 B
CSS
52 lines
958 B
CSS
|
|
/*Linha de código para adapitação do painel login sobre outras resoluções, tendo assm @media screen and (max-width:1200px) a colocação da medida que vai acontecer uma modificação no painel tendo então a modificação sendo aplicada em largura e altura.
|
|
Em outras palavras ao painel atingir o resolucão 1200px, ele ira reduzir o seu tamanho para width de 550px enquanto seu heigth de 550px
|
|
|
|
|
|
Tendo essa edicões aplicadas:
|
|
-Width e heigth: Essas declarações são as suas medidas de largura e altura respectivamente, na propria mudanção de resolucão da classe bloco, em outras palavras mudando diretalmente o tamanho do painel.
|
|
*/
|
|
|
|
@media screen and (max-width:1200px) {
|
|
|
|
|
|
.Bloco {
|
|
|
|
max-width: 550px;
|
|
max-height: 550px;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
@media screen and (max-width:850px) {
|
|
|
|
|
|
.Bloco {
|
|
|
|
max-width: 450px;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media screen and (max-width:450px) {
|
|
|
|
|
|
.Bloco {
|
|
|
|
max-width: 350px;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|