スポンサーリンク
Webページでスマホの傾きを検知する方法を紹介します。
手順
1.HEADタグ内に次の内容を記述します。
2.BODYタグ内に次の内容を記述します。
結果
iPhoneでアクセスすると次の画面が表示されます。
![2014-09-20_1](http://matome.bgah.jp/wp-content/uploads/2014-09-20_1-400x710.jpg)
90度傾けます。
![2014-09-20_2](http://matome.bgah.jp/wp-content/uploads/2014-09-20_2-400x225.jpg)
戻します。
![2014-09-20_4](http://matome.bgah.jp/wp-content/uploads/2014-09-20_4-400x710.jpg)
逆の90度です。
![2014-09-20_3](http://matome.bgah.jp/wp-content/uploads/2014-09-20_3-400x225.jpg)
まとめ
実際に確認したい場合は下記のサンプルを使ってください。
サンプル:http://bgah.jp/memo/iPhone_p/sample/rotation.htm
参考
MacFan2009年2月号160P:http://macfan.jp/magazine/200812/rensai/index.html#r16
スポンサーリンク