CSS per versione mobile

[LuLyLuNa]

Ciao a tutti!
Come da titolo,
ho creato un sito (molto scarno e semplice per un esame universitario),
ho inserito un file CSS con la dicitura

@media only screen and (min-width:150px) and (max-width:680px) {

è quella giusta per creare una versione mobile per smartphone in generale?
Inoltre, se accedo al sito dal mio smartphone (iPhone 4S) visualizzo la versione desktop.
Utilizzando, invece, un'estensione di Google Chrome, visualizzo correttamente la versione mobile.

Ho cancellato tutti i dati di navigazione (cache, cookie, cronologia).
Quale potrebbe essere il problema?
Grazie in anticipo per le risposte

[Experiment8]

Ciao,

a mio avviso il and(min-width:150px) non è necessario, niente di rilevante c'è sotto i 150px di larghezza quindi è un pò superflua, in secondo luogo l'errore può essere dovuto al fatto che nell'html non hai dichiarato che la pagina è responsive, dovresti aggiungere un meta viewport nella tag HEAD della pagina, come questo:

<meta name="viewport" content="initial-scale=1.0" />

[LuLyLuNa]

Ciao,

a mio avviso il and(min-width:150px) non è necessario, niente di rilevante c'è sotto i 150px di larghezza quindi è un pò superflua, in secondo luogo l'errore può essere dovuto al fatto che nell'html non hai dichiarato che la pagina è responsive, dovresti aggiungere un meta viewport nella tag HEAD della pagina, come questo:

<meta name="viewport" content="initial-scale=1.0" />

grazie grazie grazie!!!!!