8

1台の携帯電話で画像のhrefを削除したい..

<header id='top_header'>
    <a href='index.php'><img id='crest' src='../images/868crest.png' alt='868 RCACS Crest'></a>
    <img id='title' src='../images/newtitle.png' alt='868 RCACS Title'>
</header>

私は現在、javascript や jquery を持っていないので、html と css だけでこれを行うことができない場合、どうすればこれを行うことができますか?

4

2 に答える 2

12

次のようなキーワードとプロパティを使用して@mediaクエリを使用できますhandheldpointer-event

@media only screen and (max-device-width: 480px) {
    a {
        pointer-events: none;
    }
}

デモ(画面のサイズを変更し、リンクにカーソルを合わせます)

デモ 2 (派手なことは何もありません。色を変更しただけなので、よりよくテストできます)

デモ 3 (使用してhandheldもコンピューターは対象になりません)

注:handheld現在は機能するように、そのデモから削除しました。

于 2013-08-17T06:49:38.187 に答える
2

ウィンドウの onload イベントでモバイルを検出し、href を削除します

var remHref = function(){
    if(!!window.orientation){
       document.getElementById('crest').href = "#";
    }
}
// or use e.preventDefault() on link onclick event

window.onload = remHref
于 2013-08-17T09:50:26.310 に答える