Question

所以我今天即将发布一个免费插件，我遇到了一个很大的问题，没有任何图标按钮可以在移动设备上运行，我无法找到一个好的解决方案，而无需布局和使用图标的图像。

基本上看起来像图标字体，或导入的CSS字体不适用于移动设备上的点击检测（我尝试了iPhone 4，iPhone 5和iPad 3上的所有iOS 6.x的小提琴）而不是其中之一注册了点击。

我也试过在on命令中使用touch等无济于事。任何人都可以对此有所了解吗？

Answer 1

如果有人在使用图标字体，css字体等时遇到这个恼人的问题，那么希望这会有所帮助。如果你无法点击注册（第一次），我发现解决方案就像在元素中添加填充一样简单。

我曾经尝试过很多不同的东西（复杂得多），但是看起来简单的1px填充按钮在移动设备上非常完美。

http://goo.gl/XZzsL - 更新了小提琴示例

Answer 2

事实证明，ios＆＃34;认为＆＃34;锚标记中没有任何内容，因此您无法触摸/单击该图标。添加填充到链接不适合我，但添加一个显示：内联块并给它一个设置宽度为我工作。

.close-button{
    display:inline-block;
    color:#000000;
    width:10px;
}

查看修改后的jsfiddle：http://jsfiddle.net/pA9pH/9/