在火狐瀏覽器和谷歌瀏覽器（qq瀏覽器，谷歌內核）bug類似這張圖：
img的高度是190*127
但是放到li中，li並沒有設置高度，卻和內部的圖片之間上下錯位。
若強行給li設置高度127，他和img依舊不能重合。雖然肉眼看不出來。
解決這個問題有如下三種方法：
一、設置li的font-size：0；
如果你很幸運，布局中li里邊不需要放文字的話，那么就可以這么用了。
二、設置img的vertical-align：去掉集成的樣式或者覆蓋設置為top
在我這里出現這個問題，是因為img繼承了公用樣式，其vertical-align：middle；
我發現后將其關掉，就沒有問題了。
為了后期也不會出現這個問題，最好單獨再設置一個vertical-align：middle；來覆蓋掉。
三、設置img的display：block；
這個也是一勞永逸的方法，畢竟設置了block，img還是會隨父元素的寬度自適應（如果你的頁面需要響應的話）。
完美~
2017-07-06 11:05:20