iPhoneでSafariのブラウザのページスクロールを禁止する - みかづきブログ その3
iPhone、Android共に、touchmoveのデフォルト動作を止めることでページスクロールを禁止することができます。 すなわち、 JavaScript document.addEventListener("touchmove", function(evt) { evt.preventDefault(); }, false); この記述でページスクロールを禁止したページをつくれます。 また、iOS8のiPhone6、Android4.2.2のGALAXY NEXUSでは同時にピンチの拡大縮小も動作しなくなりました。 これを活かして、タッチしているポイントを割り出すページをつくってみました。 こんなページを作る際はデフォルトのページスクロールを禁止しておかないとうまく動作しません。 （height: 100% のページでもiPhoneだとばいーんとスクロールしてしまいます） 一応、スマ
iOS9でviewportがおかしいときはshrink-to-fit=noを設定すると良いらしい - みかづきブログ その3
初期表示時にがたついたり、initial-scaleがうまく効いてない感じのとき、 <meta id="viewport" name="viewport" content="width=device-width,initial-scale=1" /> を、 <meta id="viewport" name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no" /> という感じにすると治ることがあるようです。 ページ内に巨大なDOMがあった際、shrink-to-fitを設定していないと、巨大なDOMが入り切るようにviewportを調整しようとしてる気がしています。
Android で position: fixed; と margin: auto; をつかうとレンダリング結果がずれることがある - みかづきブログ その3
結論から言うと、Android で position: fixed の要素をセンタリングしたいときは .centering { position: fixed; left : 0; right: 0; margin: auto; } という感じではなく、 .centering { position: fixed; left : 50%; margin-left; -width / 2px; } みたいな感じで設定しましょう。 理由はこれから説明します。 CSSで左右中央揃えのテクニックはいくつかあります。 1. 対象の display を block にして margin を auto に設定する（widthが設定されている必要あり） position が static 、 relative の場合は基本的にはこれでOKです。 absolute 、 fixed の場合は 4 を使いましょう
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
