1

我在 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;
    }
}

我已经更新了视网膜媒体查询并添加了 !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。关于如何让按钮作为链接工作的任何解决方案？

4

0 回答 0