记录一下目前自己在用是一些适配代码!
function setResize() {
var devieWidth = Math.min(750, document.documentElement.clientWidth);
document.documentElement.style.fontSize = devieWidth / 7.5 + 'px';
}
setResize()
window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", function(e) {
setTimeout(function() {
setResize();
}, 200)
}, false);
移动端盒子布满全屏(老大给介绍的布局方法)
position: fixed / absolute;
top: 0;
right: 0;
left:0;
bottom: 0;
接下来记录自己遇到的坑
之前一段时间做移动端项目,手贱在写js的时候用了一些ES6的东西。 当时测试页面的时候,用的安卓手机,一时间也没发现什么毛病,但是悲剧就在不经意间开始酝酿了! ios手机测试的时候,竟然连事件都没了,这特么都快要上线了,出这幺蛾子,不是要老命吗!
于是一段一段是排查问题,报错哪一行就注释哪一行。但是不行,alert(1) 都弹不出来,找了同事,自己也各种研究! 最后发现,尼玛竟然是ES6,把相关ES6 的代码都注释了,ios立马就好了!