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