こんにちは。
戦:54 僧:59 魔:53 武:60 盗:60 旅:55
レン:60 パラ:54 マ:51 ス:49 賢:40
バ:25 CSS:2
鳥よしです。
(あ、一応ちゃんと仕事もしてます)
今日は、iPhoneのsafariでリンクを長押ししたときに出る
↓コイツ(アクションシート)を消し去る方法を書きます。
<img loading="lazy" class="size-medium wp-image-18740" src="https://liginc.co.jp/wp-content/uploads/2013/03/toriyoshi_test-168x300.png" alt="例のヤツ" width="168" height="300" /> 例のヤツ[/caption]
ほとんどの方がご存知なのかもしれませんが、
僕はこれを知ったときウレしょん寸前でした。
今までは、imgタグをaタグで囲んでればヤツ(アクションシート)が出ないと思っていたのですが、
CSSに以下の一行を追加するだけで対応できました。
<pre>[code]
-webkit-touch-callout: none;
CSSレベル2の僕でもできました。 ありがたい。
これを設定した後、単純なリンクを長押ししてもヤツ(アクションシート)が出ない!
ちなみに、僕の場合はアプリのweb view内でこれをしたかったのですがこれで救われました。
テレレレッテッテッテー CSSレベルが3に上がった。
LIGはWebサイト制作を支援しています。ご興味のある方は事業ぺージをぜひご覧ください。