| 使用meta標簽實現win8固定網站的高視覺效果
內容摘要：微軟在Win8中的固定網站中，介紹了網站開發人員如何在Windows8的“開始”屏幕上為其網站的固定網站磁貼提供一個網站圖標 (favicon)。許多開發者都提供了相同的反饋，即希望提供更高分辨率的視覺效果，以便通過用戶的固定網站磁貼更好地展現網站品牌。微軟在IE官方博客中特意做...
微軟在Win8中的固定網站中，介紹了網站開發人員如何在Windows8的“開始”屏幕上為其網站的固定網站磁貼提供一個網站圖標 (favicon)。許多開發者都提供了相同的反饋，即希望提供更高分辨率的視覺效果，以便通過用戶的固定網站磁貼更好地展現網站品牌。微軟在IE官方博客中特意做出回應：
示例
下面就是兩個固定網站磁貼的示例，它們使用網站的favicon，分別自動確定顏色（左）以及使用自定義的磁貼顏色來確定高分辨率的PNG（右）：
標記
Meta標記指定磁貼的圖像和背景顏色。示例：
<meta name="msapplication-TileImage" content="images/benthepcguy-144.png"/>
<meta name="msapplication-TileColor" content="#d83434"/>
磁貼圖像必須是長144px寬144px的方形PNG。為了獲得最佳效果，建議使用透明的背景，而不是與磁貼顏色一致的背景色。可以使用CSS的 #rrggbb表示法（通過CSS顏色名稱或通過CSS rgb()函數）將磁貼顏色指定為十六進制RGB顏色。
注意：當用戶將該網站固定到其“開始”屏幕，IE10僅會下載磁貼圖像，以確保網站不會帶來額外的寬帶消耗。
編輯：北京信誠IT保姆IT外包部 http:// www.aboverow.cn www.xcit.com.cn |
當前位置：
