我在移动设备上显示图像时遇到了很多问题。它与像素比率和缩放有关。
我的想法是希望防止对我的图像进行billiniar过滤。在桌面上这很简单，只需以1x显示图像，它看起来很完美。
桌面存在一些问题，例如当您尝试使用浏览器进行扩展时会过滤图像，但您至少可以上传缩放版本，看起来很完美。
以下是我的测试页：http://stage.samkeddy.com/test/
你可以看到除了第二个之外的所有部分都非常清晰。
但这是我手机上的样子：http://imgur.com/a/4rMKj
它甚至没有接近合适的尺寸。图像宽度应为70像素，但宽度为53或63像素（一个是页面加载，第二个是双击后）。
我希望我的图像与手机上的像素完全对齐，有没有办法实现这一目标？
答案 0 :(得分：0)
实际上你应该忘记移动设备中的像素，比如android，屏幕密度几乎不相同，不同密度屏幕下的图片看起来不同。
我建议使用一些响应式设计，对img标签使用min-width参数，服务器端的图像应足够大以防止模糊。
还有一些提供缩放功能的图像服务，您可以将？w = 100＆amp; h = 100添加到thre图像网址，以便将大图片压缩为小图片。