Handy erkennt Medienabfragen nicht

So habe ich eine interessante Zwangslage, ich arbeite auf einer responsiven Website, und wenn ich Größe meines Browsers alles funktioniert wie es sollte, aber wenn ich die Website von meinem iPhone, es ist nicht greifen die Anfragen aus der entsprechenden Abfrage Medien, die ich als definiert haben:Handy erkennt Medienabfragen nicht

, bevor er über diese gekommen ist

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

die Website wird Sie fragen, ob jemand ericbrockmanwebsites.com/dev2.

Jede Hilfe wird sehr geschätzt.

Quelle

2013-03-19 Eric Brockman

Sie müssen nur den Wert optimieren. Hast du das gesehen? http://css-tricks.com/snippets/css/media-queries-for-standard-devices/ – xec

Dies ist auch eine gute Lektüre: https://developer.mozilla.org/en-US/docs/Mobile/ Viewport_meta_tag – xec

Sie müssen <meta name="viewport" content="width=device-width, initial-scale=1"> in Ihrem Kopf einschließen, damit Ihr Mobilgerät Ihre Medienabfragen berücksichtigt.

Quelle

2013-03-19 12:14:12 jarmie

gute Fehlerbehebung –

Ich hatte auch Probleme, mobile Geräte zu bekommen, um die Media-Abfragen zu verwenden, die ich eingerichtet hatte. Dies hat das Problem gelöst. Vielen Dank! – Pea

In bestimmten Fällen mit Bildern über die Breite der Körper oder Seiten Wrapper in mobilen erstreckt, setzt einfach

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

im Kopf kann den Körper anpassen zentriert werden.

Quelle

2014-08-20 16:16:59 JHT

Handy erkennt Medienabfragen nicht

Antwort

Verwandte Themen