Question

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

我认为可能是由于块彼此重叠。我该怎么解决？

Answer 1

4个月前，我遇到了类似的问题。单击链接时，我可以访问每个链接，但仅在野生动物园上使用Apple设备不起作用。我更改了html链接结构，并进行了修复。有时某些设备/浏览器需要Bundle extras = getIntent().getExtras(); int pageIndex = extras.getInt("pager_position") mViewPager.setCurrentItem(pageIndex)事件。

如果您遇到问题，请仅使用设备/浏览器。也许此链接可以帮助您： iPad/iPhone hover problem causes the user to double click a link

点击图片时无法访问链接

1 个答案: