Foundation 5.0でビューポートタグが変更されたのはなぜですか？ width = device-width？ Zurb財団4.0で

Question

は、docsは（ページの頭の中で）を含むように言う：

Zurb財団5.0では

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

は、docsを使用するように言う：

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

ていることに注意してください「幅= device-width "仕様が削除されました。どうして？

私が見てきたすべてのレスポンシブデザインフレームワークには、「width = device-width」仕様が含まれています。それは何をし、なぜFoundation 5.0はそれを落としたのですか？

Answer 1

それは取り除かしまっ読むことができます。横向きモードに切り替えると、width=device-widthを単独で使用すると一部の端末でズームが発生することがあります。その場合は、initial-scale=1.0を追加して修正します。ただし、initial-scale=1.0しか持っていないと、Androidのビューポートが壊れます。

のダウンロードサンプルindex.htmlに正しいビューポートタグ（<meta name="viewport" content="width=device-width, initial-scale=1.0" />）を持つべきである、とドキュメントは今固定しなければならない、しかし、あなたがエラーを見つけた場合、私たちに知らせてください。

Answer 2

なぜ私はファンデーション5にドロップされたのかわかりませんが、バグかもしれません！

幅：20％などのCSS宣言がデバイスの幅に関連しているブラウザのレイアウトビューポートを設定します。

（ちなみに、Operaはポートにすべてのすべてのは良いアイデアであるように思わフルCSS、この機能を提案した。しかし、瞬間のために、我々は、HTMLタグで立ち往生している。）通常

レイアウトビューポートはベンダーが決定した幅を持ち、デスクトップサイトの表示に最適です。 メタビューポートをデバイス幅に設定すると、サイトの幅が表示されているデバイス用に最適化されていることがわかります。

はまた、メディアクエリを使用してこれを行うことができます。..

をあなたが内部誤解を明確にここhttp://tech.bluesmoon.info/2011/01/device-width-and-how-not-to-hate-your.html