图标链接无法在移动设备上点击

时间:2016-06-21 14:57:05

标签: html css hyperlink icons

我的网站上有一些使用FontAwesome图标显示的链接。但是,在移动设备上(经过测试的Chrome和FF),我无法点击"他们。尽管在桌面浏览器上工作,它们似乎似乎没有任何功能。

我错过了什么吗?

我使用以下代码:

<span class="side">
<ul>
    <li><a href="blaaa1"><i class="fa fa-print"></i></a></li>
    <li><a href="blaaa2"><i class="fa fa-envelope"></i></a></li>
    <li><a href="blaaa3"><i class="fa fa-link"></i></a></li>
</ul>

.side a {
    display: inline-block;
    color: #fff;
    line-height: 16px;
    width: 16px;
    height: 16px;
    text-align: center;
}

你可以看看这里:http://mydivision.net/
我正在谈论每个博客文章图片(打印机,信封和链接图标)右侧的链接。

1 个答案:

答案 0 :(得分:1)

打印机对我来说很好。

尝试使用跨度,它可能会有效。