背景画像を使用して各リスト項目内にグラフィックを表示する順序付けられていないリスト (垂直に表示) があります。
ユーザーがズームするまでは問題なく見えます。ユーザーがズームすると、一部のリスト項目の下部 (内側) に小さな隙間が表示されます。background-image がリスト アイテムよりも短くなったためにギャップが表示されますが、どちらも同じ高さ (44px) に設定されています。
この例を参照してください。ギャップを識別しやすくするために、各リスト項目に赤い背景を追加しました。Google Chrome で一度拡大してみてください。
http://jsbin.com/okozaz/2/edit
ギャップをなくす方法はありますか?
background-image はスプライトの一部であるため、background-size: cover を使用できません。