移動開發中的一些基本的思想,和需要注意的細節技巧之處

來源:互聯網
上載者:User

標籤:device   一般來說   eve   載入   頻寬   高度   文章   裝置   tps   

1:在觸摸裝置中你需要使用dom的touch事件。不在需要使用css:hover偽類;同時因為手指比滑鼠要大的緣故,要將可點擊元素做的更大一點

2: 最佳化圖片:

為瞭解決那些頻寬小或者流量費用昂貴的使用者,你可以通過根據使用者的螢幕尺寸和解析度載入合適的圖片來最佳化圖片的載入。你可以通過媒體查詢來擷取螢幕的 height,width 以及 pixel ratio。

重點:最合適的視窗:  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

一般來說,我們需要關注的是:字型、高寬間距、映像(表徵圖、圖片)。

垂直方向的高度和間距使用定值,水平方向混合使用定值和百分比或者利用彈性布局

 

參考文章:https://www.w3ctech.com/topic/979

http://ife.baidu.com/task/detail?taskId=11

移動開發中的一些基本的思想,和需要注意的細節技巧之處

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.