これを回避する方法はありませんか?
FC2ブログで使いたいので、基本的にPC版と携帯版は同じソースになることが前提となります。
完全にページを分けてしまう手は、今回避けて回答お願いいたします。
http://www.tagindex.com/stylesheet/box/display.html
スタイルシート[CSS]/ボックス/表示のタイプ(ブロック・インライン・リスト・非表示)を指定する - TAG index
とりあえず、現状、携帯電話では大半がCSSを認識しないという前提に依存した方法を考えてみました。
本文の方にはこう書いておきます(classがキモ)。
電話番号:03-0000-0000 <a href=”tel:0300000000” class=”telnumber”>電話をかける</a>
CSSに以下の記述。
.telnumber {
display:none
}
これで、PC版にはtelリンク部分(「電話をかける」)そのものが表示されなくなります。
ただし、京ぽんなどCSSを解釈して表示する携帯電話が普及するとこの手は使えなくなりますね。
例えば、こういうのはどうでしょうか?
<a href=”tel:000-0000-0000” onClick=”window.open(’http://xxx.xxx.xxx/’,’’,’’);return false”>
この場合、Javascriptを理解できるブラウザはonClickのURLを開き、理解できない携帯電話などは、hrefの方に流れます。
はずれですか??
コメント(0件)