苹果/安卓兼容性页面显示问题

1，客户说清理缓存了，不一定是真的！要自己用代码测试！比如更改某些页面的显示内容，一定要注意，可能你会耗费很多时间！！！

2，苹果和安卓的微信浏览器都是内置的x5内核，但是是不一样的版本！

X5对于苹果安卓的的iframe的支持，不一致。iframe里面的ajax请求，在苹果页面会失效。能获得返回的参数，但是值都是空的。注意兼容

x5等手机内核的浏览器，有个meta很重要，他决定了页面的显示 大小呢

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">

宽度等于设备的宽度————这里就可以使用100%比和rem布局。

px在电脑上是绝对的大小，在手机上。如果 设置——<meta name="viewport" content="width=768px">，那么就是相对的单位了，表示屏幕的宽度是768px，那么每个px的大小会根据屏幕的大小，而变化 了！

3，苹果手机上面，使用x5debug.qq.com是不行的，清理后一定要多次刷新页面，才会更新！

4，防止苹果页面自动放大字体

body { /* IOS禁止微信调整字体大小 */

-webkit-text-size-adjust: 100% !important;

text-size-adjust: 100% !important;

-moz-text-size-adjust: 100% !important;

}