Retina图像没有在响应中调整大小

时间:2014-06-17 16:51:35

标签: html responsive-design retina-display retina retina.js

我有一个我正在研究的网站,它正在使用retina.js(http://imulus.github.io/retinajs/)来切换视网膜图像的非视网膜图像,专门用于视网膜设备。该网站是一个响应式HTML网站(使用Twitter Bootstrap)。这就是问题:当页面在视网膜设备上加载时,图像被切换出来,因为视网膜设备切换到image@2x.jpg,这是目前为止很好。问题是,一旦我调整浏览器窗口的大小(加载视网膜图像后),使浏览器的宽度变小,图像的宽度调整得很好,但高度保持不变,有效地垂直压缩图像,从而扭曲图像。更改方向时,iPad和iPhone上也会发生同样的事情。

以下是之前的图片:

enter image description here

这是我通过浏览器宽度调整后缩小的图像:

enter image description here

之前有没有人遇到过这个问题?

1 个答案:

答案 0 :(得分:0)

通常情况下,我认为在发布问题后我找到了解决方案。

https://github.com/imulus/retinajs/issues/8

我会很快测试一下,看看它是否提供了修复。