图像链接无法在移动设备上使用

我想在我的网站上获得一些非常基本的社交链接。我使用Twitters bootstrap以及一些自定义CSS。图像链接无法在移动设备上使用

移动图像（带链接）在桌面上运行良好，但在桌面或移动设备上测试时，我无法点击它。

下面的代码有问题：http://codepen.io/anon/pen/avZOor

.body { 
 
    background-color: #105b74; 
 
} 
 
.header { 
 
    padding: 0.5em; 
 
    padding-right: 3em; 
 
    float: right; 
 
    font-size: 11pt; 
 
    text-shadow: 1px 1px rgba(0, 0, 0, .3); 
 
} 
 
.header ul li { 
 
    float: left; 
 
    margin: 0 0 0 0.5em 
 
}

<div class="header"> 
 
    <ul class="nav"> 
 
    <li> 
 
     <a href="http://fb.com/redacted"> 
 
     <img src="http://imgur.com/BJbloCr.png" alt="Facebook Link" style="width: 30px; height: 30px;"> 
 
     </a> 
 
    </li> 
 
    <li> 
 
     <a href="http://twitter.com/redacted"> 
 
     <img src="http://imgur.com/mOlTDAi.png" alt="Twitter Link" style="width: 30px; height: 30px;"> 
 
     </a> 
 
    </li> 
 
    <li> 
 
     <a href="https://plus.google.com/u/0/redacted"> 
 
     <img src="http://imgur.com/MxqUrM2.png" alt="Google+" style="width: 30px; height: 30px;"> 
 
     </a> 
 
    </li> 
 
    <li> 
 
     <a href="http://redacted.com/contact"> 
 
     <img src="http://imgur.com/WQyMo7e.png" alt="Contact Page Link" style="width: 30px; height: 30px;"> 
 
     </a> 
 
    </li> 
 
    </ul> 
 
</div>

来源

2015-09-19 clovisd

不知道。我在我的android设备上测试了你的代码笔示例，并且它接缝工作正常 –

在Android棒棒糖中正常工作。 –

它在Android上正常工作！ – Arjun

我有同样的问题，我删除从css文件浮法指令和它的工作

来源

2017-01-20 07:24:27

这不是一个义务，但添加一个jsFiddle（或类似的东西）总是很感激快速看到你的变化的结果。更重要的是，清楚你改变了什么也很好！ –

图像链接无法在移动设备上使用

回答

相关问题