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的值就可以解决该问题了