移动端无法点击图标链接

Question

我的网站上有一些使用 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/
我说的是每篇博文图片右侧的链接（打印机、信封和链接图标）。

Answer 1

打印机对我来说很好用。

尝试使用跨度，它可能会工作。