iPhone圖像縱向和橫向模式HTML5

Question

您好，我一直在網上搜索，但無法找到明確的答案。

我目前正在將HTML5網站轉換爲iPhone上使用。

我的查詢是關於圖像，肖像模式是320x960像素和景觀是視網膜顯示960x320px

，而不是把我的圖片爲320x的*（高度成正比）我hvae設定他們是巴新在640×*

我設置圖像寬度過100％，視大小320px的

這是正確的Retina顯示屏？

當設備方向是改變我要去當這些現有的圖像是在橫向模式下100％失去質量，我的客戶希望能夠使用捏變焦來放大。

那麼，我需要有1個圖像的肖像模式，我圖像的風景模式，然後交換與jQuery的源URL？

所有的圖像都存儲在數據庫中，但我可以操縱哪個文件夾來自哪裏，因此我有一組圖像將位於橫向文件夾中，另一組圖像位於縱向文件夾中。

我hopr這是有道理的，有人可以把我對上圖像resoloutions 感謝

Answer 1

是視網膜顯示器使用相同尺寸的基於像素的佈局爲標準的網頁/或本機應用程序建立對這一問題。惹人注目的部分是源文件需要是頁面中對象大小的兩倍。

例如，這裏是一個圖像標籤，其源文件爲40px X 40px。

<img src="retina-images/my-button-40x40.png" width="20" height="20">