1、meta 標簽使用
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta content="telephone=no" name="format-detection">
第1個meta標簽表示：強制讓文檔的寬度與設備的寬度保持1:1，並且文檔最大的寬度比例是1.0，且不允許用戶點擊屏幕放大瀏覽；

第2個meta標簽是iphone設備中的safari私有meta標簽，它表示：允許全屏模式瀏覽；

第3個meta標簽也是iphone的私有標簽，它指定的iphone中safari頂端的狀態條的樣式；

第4個meta標簽表示：告訴設備忽略將頁面中的數字識別為電話號碼

2、盡量使用H5標簽
3、盡量使用display:inline-block;代替float屬性
4、塊級化a標簽，因為在觸控手機上，為提升用戶體驗，盡可能的保證用戶的可點擊區域較大。
5、自適應布局。寬度不要寫死
6、學會使用webkit-box
7、如何去除Android平臺中對郵箱地址的識別?
<meta content="email=no" name="format-detection" />

你的老板或者PD或者交互設計師可能會要求你：能否讓我們的webapp更加像nativeapp，我不想讓用戶看見那個輸入url的控件條？

答案是可以做到的。我們可以利用一句簡單的javascript代碼來實現這個效果

setTimeout(scrollTo,0,0,0);

請註意，這句代碼必須放在window.onload裏才能夠正常的工作，而且你的當前文檔的內容高度必須是高於窗口的高度時，這句代碼才能有效的執行。
9、如何關閉iOS中鍵盤自動大寫

我們知道在iOS中，當虛擬鍵盤彈出時，默認情況下鍵盤是開啟首字母大寫的功能的，根據某些業務場景，可能我們需要關閉這個功能，移動版本webkit為input元素提供了autocapitalize屬性，通過指定autocapitalize=”off”來關閉鍵盤默認首字母大寫。
10、iOS中如何禁止用戶選中文字

桌面瀏覽器中想要獲取滾動條的值是通過document.scrollTop和document.scrollLeft得到的，但在iOS中你會發現這兩個屬性是未定義的，為什麽呢？因為在iOS中沒有滾動條的概念，在Android中通過這兩個屬性可以正常獲取到滾動條的值，那麽在iOS中我們該如何獲取滾動條的值呢？

通過window.scrollY和window.scrollX我們可以得到當前窗口的y軸和x軸滾動條的值
12、如何解決盒子邊框溢出

當你指定了一個塊級元素時，並且為其定義了邊框，設置了其寬度為100％。在移動設備開發過程中我們通常會對文本框定義為寬度100％，將其定義為塊級元素以實現全屏自適應的樣式，但此時你會發現，該元素的邊框(左右)各1個像素會溢了文檔，導致出現橫向滾動條，為解決這一問題，我們可以為其添加一個特殊的樣式-webkit-box-sizing:border-box;用來指定該盒子的大小包括邊框的寬度。

手機端、移動端開發註意事項：