網站設計如何支持 Retina 屏幕?應當注意哪些地方?

美工與技術就當如何接洽、處理這個問題?


只貼圖,不說話


高清屏可以根據js獲取瀏覽器寬度來取得

對高清的屏幕 把圖片的鏈接替換為高清的圖片

高清屏是普屏解析度的一倍,比如200*200的圖片 就要準備一張400*400的圖片給高清屏,然後定義圖片的w="200" h="200"

https://github.com/imulus/retinajs

這個就是根據以上思路來做的js庫 可以參考下


Mac book air為什麼沒有retina技術?因為顯示帶寬不夠,也就是說他的顯卡CPU還有內存這些綜合素質跟不上,如果硬上可能會畫面卡頓丟幀。要使用也可以就要整體提升性能,這些都是成本。


推薦閱讀:

網頁提示手機中毒該如何處理?
網頁設計的前途怎麼樣?
現在的網頁設計師到底是幹什麼的?
網頁布局都有哪種?一般都用什麼布局?
CSS布局,為什麼英文會撐破容器不會自動換行而中文不會?

TAG:網頁設計 | 設計 | RetinaDisplay | 用戶體驗設計 |