苹果Iphone IOS移动端开发兼容问题

display:inline-block 中包含浮动元素 float  
导致点击事件失效

华为手机 Ipone ES6不兼容 
ES6语法导致 Babel 编译器编译转成ES5
Ipnone手机 兼容问题、
CSS:
	ipone 移动端不兼容 margin 属性 无效
	
	顶部标题在iPhone4/4S下宽度不能100%；
	
	iPhone4/4S下在input弹出输入法时，不支持position:fixed 的问题（即 本来固定在顶部的菜单下移）；
	主要是不兼容固定定位  目前看到最多的解决方案是 给内容加绝对定位

			//头部
			.myheader {position:fixed; top:0;width: 100%'}
			//内容 
			.main { 
				position:absolute;
			 	overflow:scroll;height: 600px;/*使之可以滚动*/
				/*增加弹性滚动,解决滚动不流畅的问题*/
				-webkit-overflow-scrolling:touch;
			}
			//高度应该是真机获取的高度
			.main .content{
			    height:640px;
			 }

	input中的placeholder 文字提示在IOS部分机型中不显示 
	处理: 添加padding 或 margin 1px 

JS:	
	js的 new Date() 在ipone中的格式是 "2018/8/8"  而不是 "2018-8-8"
	处理: 将 / 转成 -   date.replace(/\//g, "-");
	 
	window.open无法正常使用  
	用window.location.replace()来替代，测试有效


兼容苹果手机的前端设置 苹果手机的内置浏览器就是opera

(1).苹果手机上input的button按钮颜色显示问题
  css中加上  

input[type=button], input[type=submit], input[type=file],input[type=checkbox],input[type=radio], button { cursor: pointer; -webkit-appearance: none; } 

  这行-webkit-appearance: none; 意思是 样式可以自定义
(2).另外行高问题：(加上-webkit-前缀)
   line-height:30px; -webkit-line-height:1;
(3).圆角问题（加上-webkit-前缀）
   -webkit-border-radius:3px;border-radius:3px;
(4).网页安全色（都用rgb格式）
   background-color:rgb(255,255,255); 
   background:rgb(255,102,102); color:rgb(255,255,255);

Mozilla内核 （Firefox）　　   	css前缀-moz;
WebKit内核（Safari、Chrome）　 　 css前缀-webkit ;  
Opera 内核 （Opera浏览器）　　     css前缀 -o ;
Trident内核（讨厌的IE浏览器）      css前缀 -ms ;