Ho un sito web che deve essere reattivo per i telefoni cellulari. L'ho creato usando il mio desktop. Quando aggiusto le finestre del browser funziona perfettamente per il telefono cellulare, ma quando lo controllo sul mio vero telefono cellulare: Samsung Galaxy S2 non è reattivo alla visualizzazione mobile.Il web design reattivo funziona su desktop ma non su dispositivo mobile
Cosa potrebbe essere sbagliato?
Probabilmente si sta perdendo il meta tag viewport nella testa html:
<meta name="viewport" content="width=device-width, initial-scale=1">
Senza di essa il dispositivo assume e imposta la finestra a tutto schermo.
Ulteriori informazioni here.
Può funzionare su browser senza questa linea ma su mobile ha solo bisogno di questa linea. –
Ho usato questo, ma non funziona ancora. Si prega di controllare http://august.com.sg/ – w3debugger
Ti amo semplicemente –
Controlla il tuo CSS o usa il Validatore CSS.
Parse Error
.navbar .nav li a {
padding-right: 5px;
paddng-left: 5px;
Sembra che tu non hai chiuso la tua parentesi graffa o errore di battitura.
Ho anche affrontato questo problema. Finalmente ho trovato una soluzione. Utilizzare questo codice qui sotto. Speranza: il problema sarà risolto.
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
Aggiungendo il valore "massima-scala = 1" ha funzionato per me. – tsteve
si sta andando ad avere per aggiungere ulteriori informazioni e il codice per chiunque di essere utile. Il tuo CSS, HTML, ecc. Quale framework (come Twitter Bootstrap) stai usando, se ce ne sono, ecc. – ajacian81