Estoy probando una web, en el index aparecen dos imaágenes (cada una lleva a una web distitna) y se ve perfectamente en PC y en móvil pro cuando la veo en una tablet las imágenes se estiran mucho.
Y me d a la sensación que es por este código:
Código:
/* Desktops and laptops ----------- */
@media screen and (max-width : 700px) {
body { width:100%; }
}
/* Smartphones (portrait ) ----------- */
@media only screen and (max-device-width : 320px) {
body { width: 320px; }
}
/* Smartphones (landscape) ----------- */
@media only screen and (max-device-width : 480px) {
body { width: 480px; }
}
/* tablet (portrait ) ----------- */
@media only screen and (max-device-width : 768px) {
body {width: 768px; }
}
/* tablet (portrait and landscape) ----------- */
@media only screen and (max-device-width : 1024px){
body { width: 1024px; }
}
Puede ser? si es así me gustaría saber cómo lo puedo solucionar
muchas gracias...