這問題困擾我許久了
我本身是個網頁設計師,而為了追尋老賈的遺言
我不斷的研究HTML5與CSS3的各種可能性

直到最近,考慮到網頁在行動裝置的日漸普及化
決定入手一台New iPad,以測試公司網頁在行動裝置的瀏覽效果

當然追尋著CSS3與HTML5的結果是正確的,不管是陰影或圓角還是其它融合漸變效果都能完美實現
但就是有一個小問題,那就是圖片解析度

研究了各大公司網站,好像目前只有APPLE自己將網站提升到Retina解析度(但也不是全部)
我不斷的在其中超連結中來回,研究其圖片載入時的變化

我發現,他們圖片載入時,會先出現低解析度版的(應該是用於一般電腦解析度)

然後不消幾秒,就踫的變身成為高解析版

這就是我要說的重點問題:
有誰知道這其中的網頁語法是如何寫成
能將一般圖片變成高解析版本的語法

我目前只知道要先準備兩張同樣圖片,一張是一般大小圖片,另一張是長寬X2倍的大小圖片
但我只有材料,我不知道該如何變出來

請教各位超級大高手,有誰知道這令人又愛又恨的Retina語法呢??

目前我只有找到這網站的教學,但礙於個人外語能力實在低落
http://blog.taiyolab.com/en/retina-supporting-web/
所以有誰能願意高抬貴手,為我解難呢?