Warum ist mein Android-device-width 980px?

Ich bin verwirrt. Ich bin versucht, eine website zu machen reaktionsschnell Weg durch das Spiel mit media queries.

laut den meisten Quellen, zum Beispiel diese, das mediq-Abfrage für smartphones ist max-device-width: 480px und min-device-width: 320px.

Aber wenn ich diese Abfragen verwenden, meine android-2.x hat immer noch den "PC-version" der Seite. So begann ich die änderung der Werte auf die Abfrage, und bemerkte, dass mein Handy scheint das Gerät-Breite von 980px..

Warum ist das so? Ich möchte wirklich in den Griff zu bekommen dieses, sicher, ich könnte nur glücklich sein mit ihm zu arbeiten, wenn mit 980 aber ich will wissen, was Los ist und warum? Ich meine, mein Handy soll nicht sein 980px breit oder hoch sein, für diese Angelegenheit, ist es eine Art von Pixeldichte problem?

  • Welche Handy-Modell und Android-version sind Sie testen auf?
  • HTC desire hd 2.3.5 läuft
  • Aber ich denke, das problem Bestand auch auf einem iphone 4, nicht sicher über die OS-version.
  • cool. Laut Wikipedia, das HTC Desire HD hat ein 480x800 pixel-Bildschirm. So sollte es passen max-device-width: 480px, es sei denn, ich bin fehlt etwas (was durchaus möglich ist).
  • Ja genau, das ist die Frage und das problem, warum er reagiert, wenn ich ihn an der 980. Glauben Sie mir, ich habe wikipedia und diversen anderen Quellen als gut.
InformationsquelleAutor Millenjo | 2013-04-08
  1. 2

    Möchten Sie vielleicht zu versuchen, mit max-width statt max-device-width. Es könnte gut sein, eine pixel-Dichte Sache - max-device-width könnte reporting device-Pixel statt der CSS-Pixel.

    Hier ist eine test Seite:

    Wirklich in den Griff zu bekommen, wirst du es Lesen willst, Peter-Paul Koch "Eine Geschichte von Zwei Viewports":

    Und möglicherweise seine Empfehlung zu tun, CSS für mobile Geräte:

    • <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> das problem bei mir gelöst, vielen Dank für diese nützlichen links, werde Pflug em durch!
    • Ausgezeichnet. Ja, die <meta> - tag ist der einzige Weg, ich kann es halten gesund, wenn das schreiben mobile CSS (obwohl ich gerade <meta name="viewport" content="width=device-width"> ist, wie ich glaube maximum-scale=1 deaktiviert Benutzer Zoomen, was ich nicht tun möchte, standardmäßig). Sie sind sehr willkommen, es ist eine unübersichtliche: hat mich ziemlich eine Weile um meinen Kopf um ihn herum. Sie wichtige Sache zu erinnern ist, dass ein Geräte-pixel (D. H. eine physikalische pixel auf dem Bildschirm des Geräts) entspricht nicht unbedingt einem CSS-pixel.
    InformationsquelleAutor Paul D. Waite
  2. 12

    Ich weiß, diese Frage ist alt, aber für die Zukunft Menschen, die sich dies anschauen, dies ist wahrscheinlich, weil der OP noch nicht die richtigen meta-Tags. Fügen Sie diese auf den Kopf. 

    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    • Nicht wirklich, das problem besteht, ob oder nicht Sie fügen Sie die viewport-meta-tag. Es hat zu tun mit der Differenz zwischen max-width und max-device-width.
    • Es fest für mich! 😀
    InformationsquelleAutor Tyler McGinnis
  3. 0

    Entnehmen Sie bitte die URL unten für Informationen zum Gerät-Breite:

    http://www.javascriptkit.com/dhtmltutors/cssmediaqueries2.shtml

    • das war nicht besonders hilfreich, den Wert 980 ist nicht erwähnt. Und das ist im Grunde die gleichen Werte, die ich verlinkt
    • Tatsächlich, die nächste Seite auf dein link scheint zu beschreiben, mein problem.
    InformationsquelleAutor web2008
Schreibe einen Kommentar