使用meta標(biāo)簽實現(xiàn)win8固定網(wǎng)站的高視覺效果

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

微軟在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。為了獲得最佳效果，建議使用透明的背景，而不是與磁貼顏色一致的背景色。可以使用CSS的 #rrggbb表示法（通過CSS顏色名稱或通過CSS rgb()函數(shù)）將磁貼顏色指定為十六進制RGB顏色。

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

編輯：北京信誠IT保姆IT外包部 http:// www.uq7scb3a.cn www.xcit.com.cn