Html 视网膜图像在响应时间内不调整大小

我有一个网站正在开发中，它使用retina.js（）将非retina图像转换为专门用于视网膜设备的视网膜图像。该网站是一个快速响应的HTML网站（使用Twitter引导）。问题是：当页面加载到视网膜设备上时，图像会被关闭，因为视网膜设备应该切换到屏幕image@2x.jpg到目前为止还不错。问题是，一旦我调整浏览器窗口的大小（在加载视网膜图像后），使浏览器的宽度变小，图像的宽度就会调整得很好，但高度保持不变，从而有效地垂直挤压图像，从而扭曲图像。改变方向时，iPad和iPhone上也会发生同样的情况

这是之前的图片：

以下是我按浏览器宽度调整大小后的图像：

---

以前有人遇到过这个问题吗？

通常情况下，我想我在发布问题后马上找到了解决方案

我将很快对此进行测试，看看它是否提供了修复