精灵图在某些机型上截断问题处理

当某个元素的尺寸为 REM 单位且使用精灵图的一部分充当背景时,我们一般这么处理;

在某些机型可能会出现背景图片显示不全的问题:

出现这种情况的主要原因在于 REM 单位在不同手机上精度差异。

要解决也很简单,既然很难保证图片的四周不被截断,那么就干脆给图片四周填充一定宽度的透明空白区域就好了,既不会影响其它元素,也能保证在发生截断时丢失的仅仅只是四周的透明空白区域,主要内容不受影响。

如图所示: