Sto sviluppando il mio sito Web localmente e utilizzando Chrome per visualizzarne l'anteprima mentre procedo. Benché sia davvero semplice ridimensionare il browser per testare le query multimediali che utilizzano max/min-width, non è possibile da quello che posso dire simulare max/min-device-width con le impostazioni incorporate. Esiste un'estensione di Chrome che simula un dispositivo mobile e attiva le query multimediali, in particolare max/min-device-width e anche orientation:portrait/landscape?Come simulare la larghezza e l'orientamento del dispositivo nel browser per testare le query multimediali?
Io fondamentalmente vorrei qualche modo per testare questa media query con Chrome sul mio computer, piuttosto che uno smartphone:
@media only screen and (max-device-width: 600px) and (orientation: portrait)
Se non riesci a trovarlo su google, probabilmente non esiste. Non mi baso sul ridimensionamento del browser, è meglio testarlo su dispositivi reali o aderire a crossbrowsertesting.com ed evitare i simulatori, hanno molti dispositivi. Inoltre, c'è http://mattkersley.com/responsive/ per solo guardare varie dimensioni. – Christina
Ho bisogno di una soluzione locale. Non voglio ritoccare, caricare, aggiornare, ripetere. Altrimenti userei solo i miei dispositivi fisici. Un'estensione di Chrome sarebbe perfetta! – Joey
Vedere [Faking max-device-width] (http://stackoverflow.com/questions/6149131/faking-max-device-width). La risposta dell'utente _wasabi_ potrebbe aiutarti se stai utilizzando Chrome. –