WEBAPP介紹及其iOS Web開發技巧總結

2021-09-02 11:09:09 字數 1453 閱讀 9253

**

(預設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...