Tweet

Pocket

慣性スクロールが利かない

「overflow: scroll;」を指定している要素やiframeで慣性スクロールが利かなくなることがる。
そういう場合は該当要素のスタイルに「-webkit-overflow-scrolling: touch;」を付けると解消される。

スクロール自体が利かない

スクロールそのものが利かなくなる場合は、該当要素のスタイルに「cursor: pointer;」を付けると利くようになる。

リンクタップ時に灰色の半透明ハイライトが表示される

該当のaスタイルに「-webkit-tap-highlight-color: transparent;」または「-webkit-tap-highlight-color: rgba(0, 0, 0, 0);」を入れる

電話番号に勝手にリンクが付く

下記のmetaコードを内に記述するとリンクされなくなる

<meta name="format-detection" content="telephone=no">