1、設定文字行高為字型行高，解決文字上下邊留白問題。
2.給動態元素新增事件，需要使用事件委託（繫結到document），解綁也需要用委託的方式。蘋果機點選事件不能觸發。需要用touch系列事件。
3.Img標籤src屬性無值（php渲染過的），在蘋果機上顯示無圖片，在安卓機上顯示圖片裂開，可加alt屬性及值。
4.同一個標籤多次繫結同一個事件（頁面複雜情況容易出現這種情況，儘量避免這種情況），可以減少bug的出現，利於維護頁面;
5.在rem自適應頁面使用精靈圖。會容易出現圖片缺角的問題（約1-2畫素）。解決辦法：使裝精靈圖的盒子變大，讓圖片居中顯示。
6.給選中的盒子增加一個標識，可以使用偽元素，減少標籤的使用。
7.有橫向滾動條的內容被垂直觸控，在ios機上無法滾動頁面。可使用：html,
 
body{position:relative;-webkit-8.overflow-scrolling:touch;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-9.select:none;-wekit-user-select:none}。
10.當祖父元素用overflow屬性時，父元素採用transform屬性會影響子元素定位position:absolute；導致子元素超出隱藏；建議用其他屬性替換transform屬性。
11.click事件在IOS系統上有時失效，給繫結click事件的元素加上cursor：pointer解決。
12.placeholder垂直居中問題：在IOS和Android中顯示不同。解決方法是：在保證input輸入文字垂直居中的條件下，給placehoder設定padding-top
 
。

13.ios若頁面走快取，可以用此方法清除。window.onpageshow = function(event) if (event.persisted) {window.location.reload()}