さすらいのWeb制作家、MAKOCHINがつづるブログサイト。
Web制作に関する知識を備忘録的に書いているだけのサイトです。
ほとんど自分で見るためだけに書いているような内容なので読みやすくはなっていませんが、Web制作のお役に立てれば幸いです。
ご興味のある方はどうぞ。

【CSS】iPhone対応色々

Pocket
LINEで送る

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

「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">

カテゴリー:HP制作, html, css

コメントを残す

コメント内容