Ho un sito Web che utilizza il metatag <meta name="viewport" content="width=device-width, target-densityDpi=device-dpi">
, Javascript che formatta il css per body
per la larghezza e l'altezza dello schermo e gli elementi interni con larghezze basate sulla percentuale.Dimensione dell'elemento del browser Android troppo piccola
Sul desktop, questo funziona correttamente. Sul mio telefono Android e sui browser del tablet, tuttavia, il contenuto non viene ridimensionato correttamente: tutto è solo un po 'troppo piccolo, e toccando due volte lo zoom ingrandisce alla giusta dimensione (senza visualizzare l'intera larghezza della pagina). Ciò accade sia in modalità verticale che orizzontale e il livello di zoom appare identico o almeno simile.
Ho un avviso che mi dice che cosa il javascript ha formattato la larghezza e l'altezza del corpo, ed è sempre giusto, ma il browser sente la necessità di caricare come se la dimensione della finestra fosse effettivamente più grande.
Capisco che c'è qualche assurdità in cui i browser vengono confusi tra pixel CSS e pixel reali, ma ho pensato che il meta tag avrebbe dovuto risolvere tutto.
Quindi, come faccio a far sì che il browser carichi la pagina su una dimensione reale del 100% dello schermo e non su una dimensione del ~ 125%?