Skip to main content
conteúdo editado; título editado
Fonte Link
brasofilo
  • 6,7mil
  • 5
  • 30
  • 50

Media Queries funciona em smartphones mas não em resoluçaoresolução para tablet

Estou criando uma paginapágina com layout responsivo, em relação a resoluçao de smartphones funciona normalmente, quando aumento para tablet não da nenhum resultado. Porquê?

@media(max-width:480px){
    div#formulario{
        width: 250px; 
        height:300px;
    }   
}

@media (min-width:481px)and(max-width:960px){
    div#formulario{
        width: 350px; 
        height:400px;
    }
}

@media(min-width:961px){
    div#formulario{
        width:450px; 
        height:500px;   
    }
}

Media Queries funciona em smartphones mas não em resoluçao para tablet

Estou criando uma pagina com layout responsivo, em relação a resoluçao de smartphones funciona normalmente, quando aumento para tablet não da nenhum resultado. Porquê?

@media(max-width:480px){
    div#formulario{
        width: 250px; 
    height:300px;
    }   
}

@media (min-width:481px)and(max-width:960px){
    div#formulario{
        width: 350px; 
        height:400px;
    }
}

@media(min-width:961px){
    div#formulario{
        width:450px; 
        height:500px;   
    }
}

Media Queries funciona em smartphones mas não em resolução para tablet

Estou criando uma página com layout responsivo, em relação a resoluçao de smartphones funciona normalmente, quando aumento para tablet não nenhum resultado. Porquê?

@media(max-width:480px){
    div#formulario{
        width: 250px; 
        height:300px;
    }   
}

@media (min-width:481px)and(max-width:960px){
    div#formulario{
        width: 350px; 
        height:400px;
    }
}

@media(min-width:961px){
    div#formulario{
        width:450px; 
        height:500px;   
    }
}
Revisão editorial
Fonte Link
brasofilo
  • 6,7mil
  • 5
  • 30
  • 50

Problema em criar Media Queries funciona em smartphones mas não em resoluçao para tablet

Estou criando uma pagina com layout responsivo  , em relaçaorelação a resoluçao de smartphonessmartphones funciona normalmente  ,quando quando aumento para tablet naonão da nenhum resultado. Porquê?

@media(max-width:480px){

div#formulario{ width: 250px; height:300px; }
}

    div#formulario{
        width: 250px; 
    height:300px;
    }   
}

@media (min-width:481px)and(max-width:960px){

div#formulario{ width: 350px; height:400px; }

}

    div#formulario{
        width: 350px; 
        height:400px;
    }
}

@media(min-width:961px){
    div#formulario{
        width:450px; 
        height:500px;   
    }
}

div#formulario{ width:450px; height:500px;
}

}

Agradeço desde já

Problema em criar Media Queries em resoluçao para tablet

Estou criando uma pagina com layout responsivo  , em relaçao a resoluçao de smartphones funciona normalmente  ,quando aumento para tablet nao da nenhum resultado

@media(max-width:480px){

div#formulario{ width: 250px; height:300px; }
}

@media (min-width:481px)and(max-width:960px){

div#formulario{ width: 350px; height:400px; }

}

@media(min-width:961px){

div#formulario{ width:450px; height:500px;
}

}

Agradeço desde já

Media Queries funciona em smartphones mas não em resoluçao para tablet

Estou criando uma pagina com layout responsivo, em relação a resoluçao de smartphones funciona normalmente, quando aumento para tablet não da nenhum resultado. Porquê?

@media(max-width:480px){
    div#formulario{
        width: 250px; 
    height:300px;
    }   
}

@media (min-width:481px)and(max-width:960px){
    div#formulario{
        width: 350px; 
        height:400px;
    }
}

@media(min-width:961px){
    div#formulario{
        width:450px; 
        height:500px;   
    }
}
Fonte Link
ndroid
  • 305
  • 1
  • 2
  • 12

Problema em criar Media Queries em resoluçao para tablet

Estou criando uma pagina com layout responsivo , em relaçao a resoluçao de smartphones funciona normalmente ,quando aumento para tablet nao da nenhum resultado

@media(max-width:480px){

div#formulario{ width: 250px; height:300px; }
}

@media (min-width:481px)and(max-width:960px){

div#formulario{ width: 350px; height:400px; }

}

@media(min-width:961px){

div#formulario{ width:450px; height:500px;
}

}

Agradeço desde já