我在顯示本地html文件的應用程序上有這個UIWebView。該Web視圖上的圖像是否遵循@ 2x規則?我的意思是,如果我建立了兩者,那麼普通和@ 2x圖像將會在webview中加載iPhone 4的視網膜圖像?iPhone - 對於UIWebView是@ 2x有效嗎?
請記住,圖像是由HTML標記加載的,而不是任何UIImage方法。
謝謝。
我在顯示本地html文件的應用程序上有這個UIWebView。該Web視圖上的圖像是否遵循@ 2x規則?我的意思是,如果我建立了兩者,那麼普通和@ 2x圖像將會在webview中加載iPhone 4的視網膜圖像?iPhone - 對於UIWebView是@ 2x有效嗎?
請記住,圖像是由HTML標記加載的,而不是任何UIImage方法。
謝謝。
Jonathon Grynspan是正確的。我建議閱讀Aral Balkan關於該主題的教程。這是我讀的時候,我實現@ 2X顯卡爲最近的移動網站:
How to make your web content look stunning on the iPhone 4’s new Retina display
不,我只是嘗試了一個實驗,UIWebView沒有拿起@ 2x圖像。
沒有。這不是太難,雖然推出自己的,因爲WebKit的支持這個CSS規則:
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
/* this is a retina display device */
}
您還可以使用-webkit-background-size
和平常width
和height
選擇,以確保圖像的正確的物理尺寸顯示。
也許我的回答類似的問題很有趣UIWebView and iPhone 4 retina display。它使用Javascript來加載縮放圖像並正確設置寬度。
i.m.o的最佳解決方案是始終加載視網膜圖像,並將圖像大小設置爲50%。它在視網膜和非視網膜顯示器上看起來不錯。應該足夠了。
您可能想要發佈實驗。 – typeoneerror 2011-02-09 20:25:59
實驗正是OP詢問的內容:創建一個示例項目,放入UIWebView,將圖像標記放入測試圖像,創建一個@ 2x版本的圖像,在Retina設備上運行該項目,然後非@ 2x版本的圖像顯示出來。爲什麼downvote,我的答案是完整的和正確的!因爲我沒有說如何解決這個問題,所以不如其他的那麼好,所以請將它們投票,而只是低估正確的答案?真的... – Bogatyr 2011-02-10 06:24:56