**
(預設iphone的大小為60px,ipad1為76px,retina屏則是2倍大小。)
圖示搜尋的優先順序如下:
如果沒有跟相應裝置推薦尺寸一致的圖示,那個會優先使用比推薦尺寸大,但最接近推薦尺寸的圖示。
如果沒有比推薦尺寸大的圖示,會優先選擇最接近推薦尺寸的圖示。
如些有多個圖示符合推薦尺寸,會優先選擇包含關鍵字precomposed的圖示。
[html]view plain
copy
// iphone
<
link
href
=media
="(device-width: 320px)"
rel=
/>
// iphone retina
<
link
href
=media
="(device-width: 320px) and (-webkit-device-pixel-ratio: 2)"
rel=
/>
// iphone 5
<
link
rel=
media
="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)"
href
=>
// ipad portrait
<
link
href
=media
="(device-width: 768px) and (orientation: portrait)"
rel=
/>
// ipad landscape
<
link
href
=media
="(device-width: 768px) and (orientation: landscape)"
rel=
/>
// ipad retina portrait
<
link
href
=media
="(device-width: 1536px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2)"
rel=
/>
// ipad retina landscape
<
link
href
media
="(device-width: 1536px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2)"
rel=
/>
Bit map介紹及其應用
注 本文參考自 修正了其中的一些問題 感謝原作者 所謂的bit map就是用乙個bit位來標記某個元素對應的value,而key即是該元素。由於採用了bit為單位來儲存資料,因此在儲存空間方面,可以大大節省。如果說了這麼多還沒明白什麼是bit map,那麼我們來看乙個具體的例子,假設我們要對0 7內...
Gulp及其外掛程式介紹
gulp是乙個前端的自動化構建工具,可以完成對前端資源的壓縮 合併 格式化以及版本管理,也可以監聽前端資源的變化去做一些自動化的構建工作 gulp也是乙個基於nodejs的自動任務執行器,所以使用gulp的時候要有一套node的環境,這裡對node的安裝就不再贅述了。結合社群裡好多優秀的gulp外掛...
ThreadLocal介紹及其原理
threadlocal可以設定儲存屬於當前執行緒的物件,存在當前執行緒 currentthread 的threadlocals中,threadlocals是threadlocalmap類的物件。threadlocal的作用 儲存單個執行緒上下文資訊。比如儲存id等 減少引數傳遞。比如做乙個trace...