如何保持的背景圖像尺寸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上

回答

相關問題