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