【CSS】iPhone対応色々
慣性スクロールが利かない
「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">
コメントを残す