Question

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

Answer 1

您可以使用@media关键字和handheld属性pointer-event查询

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

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

Demo 2（没什么特别的，只是改变颜色，以便你可以更好地测试它）

Demo 3（使用handheld不会定位到计算机）

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

Answer 2

在窗口onload事件上检测移动设备然后删除href

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

window.onload = remHref

移动时删除锚点？

2 个答案: