0

我正在开发一个 Tumblr 主题。

我希望我的主题@2x兼容,所以我使用 jQuery Retina 插件:
https ://github.com/tylercraft/jQuery-Retina

您必须将文件命名为相同的名称,除非您将选择的后缀添加到@2x-hd_2x.

您可以通过Static Tumblr Upload使您的图像可用。

问题是,Tumblr 总是生成一个自定义 URL 组件:
http ://static.tumblr.com/user/aRandomCode/blabla.png

现在,随机代码搞砸了。

我应该如何解决这个问题?我假设我可能不是唯一一个制作它们的人@2x

4

1 回答 1

1

您可以使用 CSS 指定新资产,而不是使用 jQuery 插件:

@media 
only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min-resolution: 192dpi) { 
    /* Retina-specific stuff here */
}

这将减少需要加载额外的插件。更多阅读:http ://www.brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/

于 2013-01-28T17:48:37.267 回答