1.iphone safari iso系統不兼容：hover的解決辦法：
方法一：
a:hover設置的樣式在IOS系統的瀏覽器內顯示不出來，看來是IOS系統的移動設備中，需要在按鈕元素或者是body/html上綁定一個touchstart事件，才能激活：active狀態。
代碼如下：
document.body.addEventListener('touchstart',function(){});
或者給body添加ontouchstart事件：
<body ontouchstart>
方法二：
既然iphone不支持hover，用js解決，寫一個單獨的類，比如.active
.active{ background-color: #eee;}
/*****************
在鼠標進入li的時候 ：
1. 去除其它"li"的 ".active"
2. 給當前"li"添加類".active"
********************/
具體代碼如下:
1 $(function(){ 2 $('ul li').mouseover(function(){ 3 $('ul li').removeClass('active'); 4 $( this).addClass('active') 5 }) 6 })
2.iphone對於margin不起作用
情景:當頁面有footer固定在iphone手機的瀏覽器的底部的時候,在滑動的過程中無法達到頁面的底部,總有一部分內容會被遮住
主要問題:iphone的默認瀏覽器自動不識別margin的值,也可以說是自動忽略該值
解決辦法:將margin的值修改成padding的值就可以解決該問題了