时间戳

首页 > 解决方案 > 点击图片无法访问链接

html - 点击图片无法访问链接

问题描述

我有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>

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

标签： htmlcssresponsive

解决方案

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

如果您遇到问题，只是设备/浏览器。也许这个链接可以帮助你： iPad/iPhone悬停问题导致用户双击链接

推荐阅读