スマフォ

ios開発メモ

iphone iOS safariの「戻る」ボタンの問題

今回はiOS safariブラウザの「戻る」ボタンで画面遷移したときキャッシュを読みに行く事で起こる問題を解決します。 方法は「戻る」ボタンで画面遷移したらjavascriptで強制的にリロードするというものです。 スピード的に...
スマフォ

端末縦の状態でequalHeightして揃えたboxオブジェクトが端末横にすると、 高さが足りなくなってしまう問題。

端末横にすると画像が大きく表示されるので、それに合わせてboxオブジェクトも大きくならなければいけない。 しかし端末縦の状態でequalHeightして設定したheightがそのまま端末横にした場合も使われる。 本来ならheightはa...
スマフォ

ViewPortについて

ViewPortの設定についてこちらの記事が参考になった。
スマフォ

jquery.slidemenuのバグ

screen.height これだとディスプレイのサイズなので、機種ごとのURLバーなどの 高さの違いでうまくいかない。 window.innerHeightを使った。 上に(マイナス方向)へスクロールさせて離すときに出るバグ。...
スマフォ

スマフォ画面サイズ

jquery.slidemenu.jsを使っていて、メニュー部分をタッチスクロールさせる時に計算通りにいかなかった。 screen.heightが使われているのだけれど、これが原因だった。 タテで480とでる。 つまりディスプレイ...
スマフォ

iphoneとpcのsafariでliteBoxが効かなくなる件

これはjquery.slidemenuを一緒に使うと起きる。 原因はcssのtransformで、jquery.slidemenu.cssで設定されている transform3dが優先されて、litebox.cssのz-inde...
スマフォ

横向きのときフォントが拡大される件

タテで読み込んだレイアウトそのままがヨコに拡大表示される。 フォントも拡大される。 対応策 CSSも ネタ元 感謝!
CSS

transformとz-indexでハマる

二つの要素のz-indexを設定をするも、思うようにいかない。 結局わかったのは、ひとつの要素にtansformが設定されていて、 そちらが優先されていた。 -webkit-transform: translate3d(0px, ...
スマフォ

weinreを使ったリモートデバッグの手順

macでの手順(mampは起動しておく) ユーザールートに「.weinre」ディレクトリを作る。 その中に「server.properties」というファイルを作る。 そのファイルの内容: % cat .weinre/sever...