Warum wird das Viewport-Tag in Foundation 5.0 geändert? Keine Breite = Gerätebreite?

Question

In ZURB Foundation 4.0, sagen die docs (in einem Seitenkopf) umfassen:

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

In ZURB Foundation 5.0, die docs sagen zu verwenden:

<meta name="viewport" content="initial-scale=1.0" /> 

Beachten Sie, dass die „width = Gerät Breite "Spezifikation wurde gelöscht. Warum?

Jedes Responsive-Design-Framework, das ich gesehen habe, enthält die Spezifikation "width = device-width". Was macht es und warum hat es die Foundation 5.0 fallen lassen?

Answer 1

Es wurde aufgrund eines internen Missverständnissen entfernt lesen kann. Wenn Sie allein auf width=device-width schalten, wird beim Wechsel in den Querformat-Modus bei einigen Geräten zoomen, was durch Hinzufügen von initial-scale=1.0 behoben wurde. Nur initial-scale=1.0 bricht jedoch das Ansichtsfenster auf Android.

Die Downloads sollten den richtigen Ansichtsfenster-Tag (<meta name="viewport" content="width=device-width, initial-scale=1.0" />) in der Probe index.html und die docs sollte nun behoben werden, aber lassen Sie uns wissen, wenn Sie einen Fehler finden.

Answer 2

Ich weiß nicht, warum es in Foundation 5 fallen gelassen wird, vielleicht ist es ein Bug!

Sie legt das Layout-Ansichtsfenster des Browsers relativ zu den CSS-Deklarationen wie Breite: 20% zur Gerätebreite fest.

(übrigens hat Opera zu portieren diese Funktionalität voll CSS vorgeschlagen, die alles in allem eine gute Idee zu sein scheint. Aber im Moment sind wir mit dem HTML-Tag fest.)

Normalerweise wird das Layout Das Ansichtsfenster nimmt eine Breite ein, die der Anbieter für die Anzeige von Desktop-Websites optimiert hat. Wenn Sie das Meta-Ansichtsfenster auf Gerätebreite einstellen, sind Sie sicher, dass die Breite Ihrer Website für das Gerät optimiert ist, auf dem sie angezeigt wird.

Sie können dies auch Medien-Anfragen mit ..

Sie hier deutlich http://tech.bluesmoon.info/2011/01/device-width-and-how-not-to-hate-your.html