提升移动端小图标的用户点击体验区域小技巧

提升移动端小图标的用户点击体验区域 问题描述 移动端如果使用精灵图作为背景图标素材排版时，为了只显示对应的图标，会把显示图标的容器元素宽高设置成图标大小，方便显示对应的图标。但由于图标尺寸比较小，需要在对应位置增加点击事件时，经常会无法准确点击或误触碰相邻的元素，这样会造成用户体验效果极差（如下图的）。最近在学习css3时，发现设置背景裁剪属性（background-clip：content-bo

>>阅读原文<<