为什么iOS会缩放图像?

时间:2013-05-24 19:58:12

标签: cross-browser responsive-design mobile-safari pixel

为什么iOS会缩放图像?我正在建立一个网站,并希望它是移动友好的,当我在iOS上看它时,我的基于像素的图像由于某种原因而被放大。

浏览器不应该保持图像大小合适吗?我一直在使用Dev Tools进行测试,并将其设置为模拟iphone 4并且图像根本不进行缩放,它会按原样显示它们。

我拍摄了几张屏幕截图,其拍摄的iphone宽度为640px,但我的媒体查询如下:

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

我做错了什么?我无法找到解决方案。我需要像素字体图像保持像素。我的启动画面也一样。如果您需要,可以使用屏幕截图....

1 个答案:

答案 0 :(得分:2)

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

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