iPADやiPhoneなどでサイトのフラッシュが見れないですね。
だったら！pcにはPC用のタグを用意して、iPadやiPhoneではiPadやiPhone用のタグを用意して分岐させるのもいいのかなと。。というわけでリファランス
構成は
iPad,iPhone用CSS css/ipad.css
└（.pc{display:none;}.ipad01{display:block;}）
PC用CSS css/styles.css
└（.pc01{display:block;}.ipad01{display:none;}）
└通常のサイトCSS
こちらをhead内に読み込ませればOK
<link rel=”stylesheet” type=”text/css” href=”/css/main01.css” />
<link rel=”stylesheet”media=”only screen and (max-device-width:1024px)” href=”/css/ipad.css” />
※これはipad,iphoneのみ適用されるCSSの記述。
これで
<p class=”pc”><a href=”http://www.yahoo.com/”>yahoo</a>
<p class=”ipad”><a href=”http://www.google.com/”>google</a>
とすると
PCではヤフーへのテキストリンク
ipad,iphoneではグーグルへのテキストリンク
が表示される
分岐というよりは、ただの切り分け表示ですね。
もっとスマートなやり方があると思うがとりあえず
窮地に立って出たアイデアでした。