小编joh*_*nny的帖子

我正在尝试动态插入CSS代码段.理想情况下,这将工作:

style(type='text/css')
    #header a#logo { background:url(constants.logo) no-repeat; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
        #header a#logo { background-image: url(constants.logo_2x); }
    }

不幸的是,constants.logo /字面/放置在DOM中.工作如下:

!= "<style type='text/css'>"
!= "#header a#logo { background:url('"+constants.logo+"') no-repeat; }"
!= "@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {"
!= "    #header a#logo { background-image: url('"+constants.logo_2x+"'); }"
!= "}</style>"

有没有更好的办法？

有很多报道称,Mobile Safari会对非常大的JPEG图像进行下采样,因此难以为新iPad推出适合视网膜的分辨率.

解决方案似乎是将JPEG编码为渐进/隔行扫描文件.因此,我很好奇我如何使用CarrierWave插件和RMagick扩展来生成这种类型的文件.

谢谢!