0

为什么 iOS 会放大图像？我正在建立一个网站并希望它对移动设备友好，当我在 iOS 上查看它时，我的基于像素的图像由于某种原因被放大了。

浏览器不应该保持图像大小合适吗？我一直在使用开发工具在 chrome 中对其进行测试，并将其设置为模拟 iphone 4，并且图像根本无法缩放，它会按预期显示它们。

我拍了几张截图，它的iphone宽度是640px，但我的媒体查询如下：

@media screen and (max-device-width: 479px)

我究竟做错了什么？我找不到解决方案。我需要像素字体图像保持像素化。我的启动画面也一样。如果您需要，可以提供屏幕截图......

4

1 回答 1

2

您可能没有看到问题，因为您的模拟器不是视网膜显示器，因此您的图像没有被缩放，但您的设备可能是 iPhone 4 或更高版本，因此具有视网膜显示器，假设它需要除非另有说明，否则缩放图像。

对于具有视网膜显示的设备，图像分辨率在浏览器中的工作方式与在设备上的工作方式类似。如果您想要清晰的图像，则需要为 Retina 显示器指定单独的图像。这个堆栈溢出帖子有一些实现它的建议：Appleretina support for images in HTML

于 2013-05-25T00:15:20.527 回答