Question

Hola, muy buen día, tengo una pagina responsiva para moviles, mi problema es que en tablets pequeñas pero con buena resolución, agarra el sitio con diseño de escritorio y no de movil.

Alguna idea de como se puede arreglar?

Gracias

Comments

Coloca las media queries para ver el problema.

Answer 1

Yo tengo mi regla de medidas que son las siguientes:

3G iPhones and iPods (320 x 480 pixels)

@media only screen and (max-device-width: 480px) {
    /* Put your iPhone 3G styles in here */
}

iPad

@media only screen and (device-width: 768px) {
    /* Put CSS for general iPad layouts in here */
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
    /* Put CSS for iPad PORTRAIT layouts in here */
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
    /* Put CSS for iPad LANDSCAPE layouts in here */
}

Android

@media only screen and (-webkit-device-pixel-ratio:.75){
    /* Put CSS for low density (ldpi) Android layouts in here */
}
@media only screen and (-webkit-device-pixel-ratio:1){
    /* Put CSS for medium density (mdpi) Android layouts in here */
}
@media only screen and (-webkit-device-pixel-ratio:1.5){
    /* Put CSS for high density (hdpi) Android layouts in here */
}