总结移动端开发--Ios遇到的问题

1. IOS input输入框自带样式，影响美观

解决方法：css样式表中去除IOS默认样式

input{

    -webkit-appearance:none;

    outline:none;

}

2.Ipad页面旋转导致页面高度不能适应页面

解决方法：判断设备屏幕变化，每次变化都重新计算高度

window.resize(function(){

$("包裹元素").height($(window).height())

})

3.input输入框设置了readonly但是被点击后，依然有光标出现

解决方法：<input type="text" οnfοcus="this.blur();" unselectable="on"/>

解释：οnfοcus="this.blur();"   不让这个input元素聚焦，让其失焦。

          unselectable="on" 具有这个属性的元素，不会引起input标签的失焦事件。