iPhone - 對於UIWebView是@ 2x有效嗎？

我在顯示本地html文件的應用程序上有這個UIWebView。該Web視圖上的圖像是否遵循@ 2x規則？我的意思是，如果我建立了兩者，那麼普通和@ 2x圖像將會在webview中加載iPhone 4的視網膜圖像？iPhone - 對於UIWebView是@ 2x有效嗎？

請記住，圖像是由HTML標記加載的，而不是任何UIImage方法。

謝謝。

來源

2011-02-09 SpaceDog

Jonathon Grynspan是正確的。我建議閱讀Aral Balkan關於該主題的教程。這是我讀的時候，我實現@ 2X顯卡爲最近的移動網站：

How to make your web content look stunning on the iPhone 4’s new Retina display

來源

2011-02-09 20:24:18 typeoneerror

不，我只是嘗試了一個實驗，UIWebView沒有拿起@ 2x圖像。

來源

2011-02-09 20:08:36 Bogatyr

您可能想要發佈實驗。 – typeoneerror 2011-02-09 20:25:59

實驗正是OP詢問的內容：創建一個示例項目，放入UIWebView，將圖像標記放入測試圖像，創建一個@ 2x版本的圖像，在Retina設備上運行該項目，然後非@ 2x版本的圖像顯示出來。爲什麼downvote，我的答案是完整的和正確的！因爲我沒有說如何解決這個問題，所以不如其他的那麼好，所以請將它們投票，而只是低估正確的答案？真的... – Bogatyr 2011-02-10 06:24:56

沒有。這不是太難，雖然推出自己的，因爲WebKit的支持這個CSS規則：

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 
    /* this is a retina display device */ 
}

您還可以使用-webkit-background-size和平常width和height選擇，以確保圖像的正確的物理尺寸顯示。

來源

2011-02-09 20:11:58

也許我的回答類似的問題很有趣UIWebView and iPhone 4 retina display。它使用Javascript來加載縮放圖像並正確設置寬度。

來源

2011-10-12 14:15:20

i.m.o的最佳解決方案是始終加載視網膜圖像，並將圖像大小設置爲50％。它在視網膜和非視網膜顯示器上看起來不錯。應該足夠了。

來源

2014-03-13 09:41:45 ullstrm

iPhone - 對於UIWebView是@ 2x有效嗎？

回答

相關問題