如何保持的背景图像尺寸iPad上

我有我的网站2px的X 4PX背景图像，并通过重复X和Y如何保持的背景图像尺寸iPad上

当我认为它在iPad上，背景收缩或东西，它只是看起来扩管。我如何保持清晰并在iPad上实现2px X 4px？多谢你们。

2012-10-31 nasty

模糊很可能是由iPad视网膜显示器试图放大您的小背景图像造成的。同样的事情发生在iPhone 4和iPhone 3以及更新的Android设备上。在你的CSS中使用下面的代码来解决这个问题。您将需要一张2像素x 4像素的图像作为您的原始背景，以及双倍分辨率的相同图像（4像素x 8像素）。 @media查询允许您调整您的@ 2x版本的图像大小，然后将其缩小至预期大小，并在css中输入background-size: 4px;。

body { 
    background: url(test-image.png) repeat; 
} 

@media only screen and (-webkit-min-device-pixel-ratio: 2), 
     only screen and (-moz-min-device-pixel-ratio: 2), 
     only screen and (-o-min-device-pixel-ratio: 2/1), 
     only screen and (min-device-pixel-ratio: 2) { 
      body {background: url([email protected]) repeat; background-size: 4px;} 
}

我测试过在我的iPad视网膜这个片段，并固定模糊。我希望这可以帮助你，让我知道如果你有任何问题！

来源

2012-10-31 07:37:34

嗨。谢谢。但这个伎俩没有奏效。我认为iPad仍在使用2X4图像 – nasty

使用''修正了它。但我没有得到那些。但我不能捏和缩放 – nasty

好吧，如果我做了。

Set视图端口

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

和固定图像的问题。但我无法放大和缩小。但是这个项目没有必要。 :)感谢您的帮助

来源

2012-10-31 22:25:58 nasty

我假设你已经在你的网页上使用它，我很抱歉。我很高兴你能够修复它:) –

如何保持的背景图像尺寸iPad上

回答

相关问题