網站設計如何支持 Retina 屏幕?應當注意哪些地方?
01-05
美工與技術就當如何接洽、處理這個問題?
只貼圖,不說話
高清屏可以根據js獲取瀏覽器寬度來取得對高清的屏幕 把圖片的鏈接替換為高清的圖片
高清屏是普屏解析度的一倍,比如200*200的圖片 就要準備一張400*400的圖片給高清屏,然後定義圖片的w="200" h="200"
https://github.com/imulus/retinajs這個就是根據以上思路來做的js庫 可以參考下Mac book air為什麼沒有retina技術?因為顯示帶寬不夠,也就是說他的顯卡CPU還有內存這些綜合素質跟不上,如果硬上可能會畫面卡頓丟幀。要使用也可以就要整體提升性能,這些都是成本。
推薦閱讀:
※網頁提示手機中毒該如何處理?
※網頁設計的前途怎麼樣?
※現在的網頁設計師到底是幹什麼的?
※網頁布局都有哪種?一般都用什麼布局?
※CSS布局,為什麼英文會撐破容器不會自動換行而中文不會?
TAG:網頁設計 | 設計 | RetinaDisplay | 用戶體驗設計 |