Il telefono cellulare non riconosce le query dei media

Quindi ho una situazione interessante, sto lavorando su un sito reattivo e quando ridimensiono il mio browser tutto funziona come dovrebbe, ma quando visualizzo il sito dal mio iphone, non accelera query dalla media query appropriati, che ho definito come:Il telefono cellulare non riconosce le query dei media

@media (max-width: 479px) { 
    rules 
}

il sito è ericbrockmanwebsites.com/dev2 chiedo se qualcuno ha incontrato questo prima.

Qualsiasi aiuto è molto apprezzato.

fonte

2013-03-19 Eric Brockman

Potrebbe essere necessario modificare il valore. Hai visto questo? http://css-tricks.com/snippets/css/media-queries-for-standard-devices/ – xec

Questa è anche una buona lettura: https://developer.mozilla.org/en-US/docs/Mobile/ Viewport_meta_tag – xec

Dovrai includere <meta name="viewport" content="width=device-width, initial-scale=1"> nella tua testa per far sì che il tuo dispositivo mobile rispetti le tue richieste multimediali.

fonte

2013-03-19 12:14:12 jarmie

buona risoluzione dei problemi –

Anche io stavo riscontrando problemi nel far sì che i dispositivi mobili usassero le query multimediali che avevo impostato. Questo ha risolto il problema. Grazie! – Pea

In alcuni casi con immagini che si estendono oltre la larghezza del corpo o involucro pagina nella telefonia mobile, semplicemente mettendo

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

nella testa può regolare il corpo essere centrato.

fonte

2014-08-20 16:16:59 JHT

Il telefono cellulare non riconosce le query dei media

risposta

Problemi correlati