8

我想在一部手机时删除图像的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;
    }
}

演示（调整屏幕大小并将鼠标悬停在链接上）

Demo 2（没什么花哨的，只是换了颜色，方便大家测试一下）

演示 3（使用handheld不会针对计算机）

注意：我已从handheld该演示中删除以使其现在可以正常工作。

于 2013-08-17T06:49:38.187 回答
2

在窗口加载事件上检测移动设备然后删除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 回答