iOS7.1のsafariでのみ対応するviewportの「Minimal-UI」を試してみた。 2014年3月14日 (金) 今日Facebookで歴史好きな偉い人がシェアしてた情報が気になったので早速やってみた。 元ネタはこっち。 Viewport Meta Tag: Minimal-UI 上の記事見たら分かるけど、要はiOS7.1のsafariで画面のUI関連の余計なものをなくしちゃおう的なやつです。 導入は非常にシンプルで、metaのviewportを以下のように変更するだけ <meta name="viewport" content="width=device-width, minimal-ui"> で、実際にやってみたらこうなりました。 導入前 導入後 変更されているのは、上部のURLの部分がすっきりしたという点と、下にあるパーツ類が削除されたという点。 全体的に画面が広く止め
![iOS7.1のsafariでのみ対応するviewportの「Minimal-UI」を試してみた。│でろぐ](https://cdn-ak-scissors.b.st-hatena.com/image/square/a912b2f253f6591740dc8c4027502a3cef284702/height=288;version=1;width=512/https%3A%2F%2Fc1.staticflickr.com%2F5%2F4242%2F35334954711_8340fea843_o.png)