CSS-px、rem、em 使用inline-block会有4px的间隙

px、rem、em

• px相对长度单位,像素px是相对于显示器屏幕分辨率而言的.
  px的特点：
  （1）IE不能调整以px为单位的元素或字体大小；
  （2）国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位；
  （3）Firefox能够调整px和em，rem，但是96%以上的中国网民使用IE浏览器(或内核)
• em是相对长度单位. 相对于当前对象内文本的字体尺寸. 相对于父级元素的字体
  需要注意的是：em不是固定的 、em会继承父级元素的字体大小.
  任意浏览器的默认字体高都是16px. 所有未经调整的浏览器都符合: 1em=16px.
• rem是CSS3新增的一个相对单位（root em，根em），相对根元素的字体大小.
  使用rem为元素设定字体大小时，仍然是相对大小，但相对的只是HTML根元素. 通过它既可以做到只修改根元素就能成比例地调整所有字体大小，又可以避免字体大小逐层复合的连锁反应.
  注意：任意浏览器的默认字体都是16px。所有未经调整的浏览器都符合1rem=16px

px 与 rem 的选择？
对于只需要适配少部分手机设备，且分辨率对页面影响不大的，使用px即可.
对于需要适配各种移动设备，使用rem，例如只需要适配iPhone和iPad等分辨率差别比较挺大的设备.

使用inline-block会有4px的间隙

使用inline-block属性时：inline-block元素会有4px左右的空隙，这个是因为我们写代码时候的换行符所导致的。
解决方法（两种，还有其他的）：

• 给父元素添加 display: table;word-spacing:-1em;
• 给父元素添加 font-size:0;letter-spacing:-4px; word-spacing:-4px; 不一定都是-4，根据不同字体字号或许需要做一定的调整。