点击图片无法访问链接答案

【问题标题】：Can not visit link when click on the picture点击图片无法访问链接
【发布时间】：2019-02-26 21:18:55
【问题描述】：

我有 2 个街区。照片和视频。在计算机版本中，当我点击它们时，我可以访问每个链接，但在移动版本中它们不起作用，我的意思是它们不可点击。有什么问题？

    .media-links {
        width: 100%;
    }
    .media-links a {
        display: block;
        /*height: 190px*/
        ;
        width: 40%;
        float: left;
        background-repeat: no-repeat;
        background-size: 100%;
        text-decoration: none;
    }
    .media-links .video-link {
        background-image: url('../img/videos.png');
        margin-right: 10%;
    }
    .media-links .foto-link {
        background-image: url('../img/photos.png');
    }
    .media-links a {
        height: 200px;
    }
    
    @media (max-width: 767px) {
        .media-links a {
            height: 260px;
            margin-bottom: 50px;
            width: 45%;
        }
    }

    <div class="media-links">
    <p><a class="video-link" href="/qalereya/video">Video</a> 
    <a class="foto-link" href="/qalereya/foto-qalereya">foto</a></p>
    </div>

我想这可能是由于块相互重叠。我该如何解决？

【问题讨论】：

尝试在video-link和foto-link这两个类中添加display: inline-block;
@SatishSaini 如果我理解正确的话，我按照你说的做了。它没有帮助。
您是否有指向我们可以看到它不起作用的网页的链接？您共享的代码 sn-p 似乎在移动设备上运行良好。

标签： html css responsive

【解决方案1】：

4 个月前，我遇到了类似的问题。当我点击一个链接时，我可以访问每个链接，但 safari 上只有苹果设备 不起作用。我更改了我的 html 链接结构并修复了。有时某些设备/浏览器需要touchend 事件。

如果您遇到问题，只是设备/浏览器。也许这个链接可以帮助你： iPad/iPhone hover problem causes the user to double click a link

【讨论】：

问题是它们不能在每个设备中点击，不仅在 iPad/iPhone 中