苹果手机 ajax不兼容,技术回顾：浏览器兼容性 axios+fetch+ajax

css盒：

box-sizing:content-box;表示标准的盒子模型

box-sizing:border-box表示的是IE盒子模型

box-sizing:padding-box,这个属性值的宽度包含了左右padding+width

经常遇到的浏览器的兼容性有哪些

IE下,even对象有x,y属性,但是没有pageX,pageY属性;Firefox下,event对象有pageX,pageY属性,但是没有x,y属性。

//解决方案：

var page = {};

page.x = event.x ? event.x : event.pageX;

page.y = event.y ? event.y:event.pageY;

复制代码

Chrome 中文界面下默认会将小于12px的文本强制按照12px显示,可通过加入CSS属性-webkit-text-size-adjust: none; 解决。

获取目标元素的方法也不同，标准浏览器是event.target，而IE下是event.srcElement

axios

axios({

method: 'post',

url: '/user/12345',

data: {

firstName: 'Fred',

lastName: 'Flintstone'

}

})

.then(function (response) {

console.log(response);

})

.catch(function (erro