meta viewport funziona correttamente sul telefono Android?

Question

Ho riscontrato tutti i tipi di problemi con le query multimediali su Desire HD perché il browser Android rende automaticamente la pagina a una risoluzione più alta e la ridimensiona.Fondamentalmente pensa di avere una larghezza dello schermo molto più ampia di quella che ha.

Ho scoperto che la soluzione a questo problema era interrompere il ridimensionamento utilizzando il tag Meta Viewport ...

<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">

All'inizio sembra che abbia funzionato perché sta attivando la media query corretta.Il telefono ha una risoluzione orizzontale di 480 px e stava attivando la mia media query (320 px-480 px).

Ho quindi utilizzato un po 'di javascript per visualizzare sullo schermo il viewport calcolato ...

var windowWidth = $(window).width();
$('div.windowWidthLabel').text("Window Width: " + windowWidth + "px");

Il computer con era 369px, il che mi è sembrato molto strano.L'ho quindi controllato con una query multimediale che aveva min e max impostati su 369px e si è attivato (che almeno corrisponde).Allora perché il browser pensa che sia 369px quando la risoluzione nativa è 480px?

Qualsiasi aiuto sarebbe davvero apprezzato.

Jon

Answer 1

Non ho trovato una risposta esatta per questo, ma trovo che sia meglio non lavorare con i risultati esatti dei dispositivi comunque quando si tratta di query multimediali, basta regolare le query multimediali finché il contenuto non sembra corretto :)