email - Apple Mail で Retina ボタンが機能しない (iOS6 および iOS7)

Question

Retina イメージのサイズが変更されないという問題が Apple Mail で発生していました。私のコードは次のとおりです。

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .retina { 
        background: url(image@2x.png) no-repeat center 24px !important; 
        background-size: 40px 28px;
    }
}

Retina メディア クエリを更新し、background-size に !important 宣言を追加すると、ボタンが正常に表示されます。ただし、iOS7 を実行している Apple Mail では、ボタンのリンクが機能しなくなりました。

@media 
only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (-moz-min-device-pixel-ratio: 2), 
only screen and (-o-min-device-pixel-ratio: 2/1), 
only screen and (min-device-pixel-ratio: 2), 
only screen and (min-resolution: 2dppx) {
    .retina { 
        background: url(image@2x.png) no-repeat center 24px !important; 
        background-size: 40px 28px !important;
    }
}

このボタンは、「モバイル」バージョンを表示するためにウィンドウを小さくすると、OSX 10.8.5 を実行する Mail.app を含む、他のすべてのメール クライアントでリンクとして機能します。ボタンをリンクとして機能させる方法の解決策はありますか?