Salve,
ho creato un sito responsive, che utilizza le seguenti media query:
codice:
@media only screen (min-width: 1601px) {...}
@media only screen (min-width: 1280px) and (max-width: 1600px) {...}
@media only screen (min-width: 1080px) and (max-width: 1279px) {...}
@media only screen (min-width: 751px) and (max-width: 1079px) {...}
@media only screen (min-width: 640px) and (max-width: 750px) {...}
Funziona perfettamente anche su smartphone, ma solo se l'orientamento è orizzontale (landscape); se ruoto lo smartphone (provato con più dispositivi), carica comunque la versione con risoluzione superiore, e quindi sballando il layout.
Provato sia su dispositivo con ris. 1920x1080 che su dispositivo con ris. 1280x720. In pratica, se il dispositivo è orientato in verticale (portrait), carica la versione relativa alla risoluzione superiore (1920 e 1280, rispettivamente, negli esempi indicati).
Come si risolve???
Grazie per aiuti e/o indicazioni risolutive...