Creo que utilizaste el:
Código HTML:
<meta name="viewport" content="width=device-width, initial-scale=1">
Esto lo que hace es ajustar la página web al tamaño del dispositivo, de vez en cuando esto no funciona por si solo, lo que tendrías que hacer es aplicar la técnica llamada "Responsive Design", que es ajustar páginas web a cualquier tipo de resolución de pantalla, incluyendo los smartphones.
Eso más que nada se hace con
media queries, que se incluyen dentro de tu archivo CSS por ejemplo:
Código:
@media only screen and (max-width:480px){
img{width:100%}
}
Lo que hace ese código es que:
- Si visualizas una página web con una resolución menor o igual a 480px el atributo "img" tendrá un ancho de 100%.
Esto puede ser complicado al principio, así que te recomiendo que leas un poco más sobre esto.