Tumblr -hd图片？

Question

我正在写一个Tumblr的主题。

我想我的主题是@2x兼容，所以我的jQuery视网膜插件：

https://github.com/tylercraft/jQuery-Retina

除了在@2x文件中添加一个您选择的后缀，行-hd或_2x之外，您必须为您的文件命名。

您可以通过Static Tumblr Upload提供您的镜像。

问题是，Tumblr总是生成一个自定义的URL组件：

http://static.tumblr.com/user/aRandomCode/blabla.png

现在是随机代码把它搞乱了。

我该如何解决这个问题呢？我想我可能不是唯一一个在@2x中制作它们的人。

Answer 1

不需要使用jQuery插件，你可以用CSS指定你的新资源：

@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/