close
梅問題．教學網

♣梅問題‧教學網【Minwt】♣

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

Posted: 25 Jan 2017 02:00 PM PST

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

    knoledge 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄