隨著以蘋果Retina Macbook為代表的高清屏電腦產品逐步進入市場，越來越多的網頁和軟件都針對高清屏優(yōu)化了界面顯示效果，紛紛提供了分辨率更高的背景圖，Icons及其他UI元素，實現的方法也是五花八門。
今天玩兒法向各位站長提供一個能預判瀏覽設備分辨率是否為Retina級別的腳本：“Retina.js”，有了它開發(fā)者可以在服務器端上傳兩份UI，一個是提供給普通設備的，一個是提供給Retina設備的，當你使用RMBP 、iDevice瀏覽網頁時，Retina.js會馬上知道，并調用已準備好的高清UI。
Retina.js使用方法：
官方提供的安裝包中包括retina.less和retina.js兩個文件.
將retina.js和retina.less上傳至服務器，并嵌入<header>.
將retina.less里的.at2x（）引入css樣式表，比如你要提供高清Logo，原有寫法為background-image，那么就將它改為.at2x，這樣實際的輸出效果還是：
#logo { background-image: url(‘/images/my_image.png’); }
但多了以下語句：^_^
@media all and (-webkit-min-device-pixel-ratio: 1.5)
{ #logo { background-image: url(‘/images/my_image@2x.png’); background-size: 200px 100px; } }
關于LESS語言的更多知識大家可以去中國官網了解更多：
www.lesscss.net
