我在移动设备上显示图像时遇到了很多问题。它与像素比率和缩放比例有关。
这个想法是我想防止对我的图像进行 billiniar 过滤。在桌面上这很容易，只需以 1 倍显示图像，它看起来很完美。
桌面版存在一些问题，例如当您尝试使用浏览器放大时它会过滤图像，但您至少可以上传缩放后的版本，它看起来会很完美。
这是我的测试页面:http://stage.samkeddy.com/test/
你可以看到，除了第二个，其他的都非常脆。
但这是它在我手机上的样子:http://imgur.com/a/4rMKj
它的尺寸甚至都不合适。图像应为 70 像素宽，但结果为 53 或 63 像素宽(一个是页面加载时，第二个是双击后)。
我希望我的图像与手机上的像素完全一致，有没有办法实现这一点？
最佳答案
其实你应该忘记移动设备中的像素，像android，屏幕密度几乎相同，一张图片在不同密度的屏幕上看起来不同。
我建议使用一些响应式设计，为 img 标签使用最小宽度参数，并且来自服务器端的图像应该足够大以防止模糊。
也有一些图片服务提供缩放功能，可以在图片url中加上?w=100&h=100，将大图压缩成小图。
关于javascript - 如何防止移动设备上的图像缩放？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27350326/