Tag: bugs
Time Flies
A simple, beautiful meditation on life, death, and purpose.
Kill It With Fire
Lessons on a summer with a smartphone-enabled itch-killing device. Yes—it works, even if a smartphone is a weird vessel for the Heat-It.
iPad（iOS7.0.4）のランドスケープモードで height: 100% だとバグる
タイトル通りなのですが、色々調べたりするのに時間かかったので一応メモしておきます。 ひょっとすると、iOS7.1 以降にアップデートすると解消される内容かもしれません。 ただし現時点（2014/02/06）では iOS7.0.4 が最新であり、こちらのバージョンでは問題が確認できた内容です。 iPad のランドスケープモードの表示でずれる たまたま手元に iOS6 のままアップデートしていない iPad があり、 まずそちらで検証して上手く行っていたのですが、 一通り検証し終わって「iOS7 にアップデートするかー」というタイミングで確認できた事象です。 iOS7.0.4 の最新にアップデートした後で、iPad を横向きにした状態、 つまりランドスケープモードにして再度確認してみたら、 なんだかスクロールバーのようなものが出て、タッチして上下にスクロールが出来てしまいます。 キャプチャにとって調べてみると、どうやら 20px ほど中身の要素が大きくはみ出てしまっている模様です。 スクロールバーの問題と思いきや、ただのバグだった iOS でそのサイズに相当するものが余分に表示、もしくは消えているなどで、 20px 相当ずれてしまっているのかな？と思ったのですが、 html 要素に対して height: 100% のスタイルを充てた状態だと、window.innerHeight は 672px ですが、window.outerHeight は 692px になるというバグ があるようです。 検証用ページを用意されている方がいるようですので利用させてもらい、確認してみました。 iOS 7 iPad Landscape Bug krpano.com これが Firefox 27（現時点で最新）のキャプチャです。 Chromeでも同じですがサイズ通りの表示です。 次が iPad（iOS シミュレータ、ただし実機でも確認して同様）のポートレートモードのキャプチャです。 こちらも問題ないですね。 こちらが問題の iPad, iOS7, ランドスケープモードのキャプチャです。 offsetHeight, clientHeight あたりの数値が 20px ほど（21px のときも？）増えちゃってます。