Tumblr -hd图片?

时间:2013-01-28 14:03:34

标签: html css tumblr retina-display

我正在研究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中制作它们的人。

1 个答案:

答案 0 :(得分: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/