PCとiPhoneでHTMLを共有するサイトを作る //CSS & Javascript - bute_lab.

bute_lab.は、FlashのActionscriptやHTML,CSSなど、web制作に関する研究成果を記録するためのブログです。 PC用とiPhone(iPod Touch)用にサイトを作る際に、レイアウトや、ボタンなどの細かなデザイン処理を替える必要はあるけれど、HTMLは更新性も考えて1つにしたいというジレンマに陥りました。 そこで、HTMLは1枚しか作成しませんが、読込ませるCSSを分岐させることでこれを実現するサンプルです。 下部のAタグでは、リンク先をそれぞれ別に指定するため、HTML内には2つの<a>が並んでいますが、クラス名に.pcbtnと.ipbtnを指定しておき、それぞれのCSSで、不要な方をdisplay:none;で指定して片方のみを表示するようにしてあります。 これは、<a>以外でも同様のクラスを使うことで、<div class="ipbtn">なら、div

[monaken]

CSSのみで各対応を行う方法。