2017年1月25日 星期三

Retina高解析網頁圖片怎麼透過CSS3 media設定,讓Apple官網告訴你

先前曾分享過「Retina.js」這外掛,來解決Retina高解析螢幕在瀏覽網頁時,圖片自動切換成高解析,讓圖片看起來是細緻,而不會因此感到模糊或鋸齒,由於Retina螢幕的Device Pixel Ratio大於1,意思就是說在Retina的螢幕中所顯示的每個像素,與對應到的實際像素是超過1倍以上,因此除了透過「Retina.js」來作設定外,也可透過CSS3的media屬性,而各位最常使用到media這屬性,則是用來設定RWD的網頁,透過media來設定螢幕的大小,進而變換版型的顯示大小,而media除了可設定螢幕的大小外,也可用來設定螢幕的解析,透過螢幕解析來切換高解析度的圖片,至於要如何使用,現在也一塊來看看!

from 梅問題.教學網 https://www.minwt.com/webdesign-dev/css/17070.html

沒有留言:

張貼留言