使用rem布局导致小尺寸图片在指定手机上出现变形，如何解决？

Question

http://codepen.io/almon123/pe...

demo中有两个图片，在chrome上显示正常，大部分手机上也显示正常，然而我这里有台小米5s，显示出来是这样的:

可以看到，有几个图标变形了。
放大后看的更清楚，是这样：

尝试用微信的内核，也是一样的效果：

现在已知以下三种方法可以使图片回复正常：

1. 图片尺寸变大

2. 图片宽高使用px做单位

3. 去除页面上所有的边距样式

但这三种方法在当前实际状态下并不能使用，尺寸和页面样式不说了，因为要在移动端适配，所以还是得用rem布局。
求助各位高手这个问题到底是不是蕾姆rem的锅，有没有什么解决方法？

Answer 1

rem在安卓手机上渲染的不是很精准
图标是图片建议只设置宽度