気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
iPhoneで絶対に横向きのウェブページを作る - Yusuke Sugomori's Blog
8 users
blog.yusugomori.com
blog.yusugomori.com
blog.yusugomori.com
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
iPhoneのネイティブアプリでは画面方向を縦あるいは横方向に固定できますが、Safariでは、画面の回転を... iPhoneのネイティブアプリでは画面方向を縦あるいは横方向に固定できますが、Safariでは、画面の回転を防ぐ方法がありません（注１）。 そのためかは分かりませんが、PCではよく見かける横スクロールのサイトを、モバイルでは見かけません。 そこで、iPhoneの向きによらず、「絶対に横向きになるウェブページ」を作ってみました。横スクロールができるようになっています。 サンプルはこちらです。iPhoneの向きを変えて試してみてください。 画面の向きによらずスクロールを実現するために、CSS3の -webkit-transform の rotate や translate3d(x, 0, 0) を使っています。 回転によってCSSファイルを分けることによりスクロール以外の動きをCSS3のみで記述することも可能ですが、振り分けが面倒だったので、JavaScriptでCSS部分も制御しています。
blog.yusugomori.com
blog.yusugomori.com
blog.yusugomori.com
blog.yusugomori.com
note.com/wa8492
news.tv-asahi.co.jp
togetter.com
anond.hatelabo.jp
qiita.com/tarantula426
netaful.jp
gigazine.net
dev.classmethod.jp
www.bloomberg.co.jp
www.itmedia.co.jp
meetscareer.tenshoku.mynavi.jp
jp.reuters.com
github.com/gruntjs
blog.yusugomori.com
2mtmex.com
2015/06/22 リンク