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