yami_beta https://blog.hatena.ne.jp/yami_beta/ 備忘録β版 https://yami-beta.hateblo.jp/ HTML5 CSS jQuery 表示領域を取得するときにお馴染みの $(window).height(); をiPhoneのSafariで考えなしに使うと痛い目を見るのでメモとして残しておく。 環境 iPhone 5s（iOS8.1） jQuery 1.11.1 注意すべきところ iPhoneのSafariが他のブラウザと比べて特徴的なのがURLバー（を含む上下のバー）がスクロールで小さくなったりする部分。これが本当にやっかいな挙動をする。 縦（portrait）表示の時は良いとして、問題なのは横（landscape）表示のとき。 URLバー（を含む上下のバー）は、縦から横に回転させたとき隠れ、スクロールすると表示される。 … 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fyami-beta.hateblo.jp%2Fentry%2F2014%2F11%2F13%2F223859" title="iOS8.1のSafariで$(window).height()を使うときの注意点 - 備忘録β版" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2014-11-13 22:38:59 rich https://yami-beta.hateblo.jp/entry/2014/11/13/223859 1.0 100%