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