設(shè)置
  • 日夜間
    隨系統(tǒng)
    淺色
    深色
  • 主題色

官方教程:讓W(xué)in8中的固定網(wǎng)站具高品質(zhì)視覺效果

2012/6/18 16:59:58 來源:IT之家 作者:子非 責(zé)編:子非

微軟在Win8中的固定網(wǎng)站中,介紹了網(wǎng)站開發(fā)人員如何在Windows8的“開始”屏幕上為其網(wǎng)站的固定網(wǎng)站磁貼提供一個網(wǎng)站圖標(biāo) (favicon)。許多開發(fā)者都提供了相同的反饋,即希望提供更高分辨率的視覺效果,以便通過用戶的固定網(wǎng)站磁貼更好地展現(xiàn)網(wǎng)站品牌。微軟在IE官方博客中特意做出回應(yīng):

示例

下面就是兩個固定網(wǎng)站磁貼的示例,它們使用網(wǎng)站的favicon,分別自動確定顏色(左)以及使用自定義的磁貼顏色來確定高分辨率的PNG(右):

標(biāo)記

Meta標(biāo)記指定磁貼的圖像和背景顏色。示例:

<meta name="msapplication-TileImage" content="images/benthepcguy-144.png"/>

<meta name="msapplication-TileColor" content="#d83434"/>

磁貼圖像必須是長144px寬144px的方形PNG。為了獲得最佳效果,建議使用透明的背景,而不是與磁貼顏色一致的背景色??梢允褂肅SS的 #rrggbb表示法(通過CSS顏色名稱或通過CSS rgb()函數(shù))將磁貼顏色指定為十六進(jìn)制RGB顏色。

注意:當(dāng)用戶將該網(wǎng)站固定到其“開始”屏幕,IE10僅會下載磁貼圖像,以確保網(wǎng)站不會帶來額外的寬帶消耗。

本文出處:Win8之家 - 《讓W(xué)in8中的固定網(wǎng)站具有高品質(zhì)視覺效果

玩Win8,當(dāng)然要來 軟媒Win8之家Windows 8中文論壇,還要用給力的Win8優(yōu)化大師。

廣告聲明:文內(nèi)含有的對外跳轉(zhuǎn)鏈接(包括不限于超鏈接、二維碼、口令等形式),用于傳遞更多信息,節(jié)省甄選時(shí)間,結(jié)果僅供參考,IT之家所有文章均包含本聲明。

相關(guān)文章

關(guān)鍵詞:IE10,IE,Win8 RP,Windows8 RP固定網(wǎng)站

軟媒旗下網(wǎng)站: IT之家 最會買 - 返利返現(xiàn)優(yōu)惠券 iPhone之家 Win7之家 Win10之家 Win11之家

軟媒旗下軟件: 軟媒手機(jī)APP應(yīng)用 魔方 最會買 要知