移动前端：坑与填坑

1、页面高度渲染错误

　　坑：页面底部部分与浏览器导航条重合了

　　填坑：重置高度

document.documentElement.style.height = window.innerHeight + 'px';

2、transform碰上模糊

　　坑：在android中，如果元素或其父元素应用transform后，元素设置border-radius会变模糊

　　填坑：先放大再缩小

body{padding: 20px;background:purple;-webkit-transform: translate3d(0px, 0px, 0px);}

.ball2{width: 100px;height: 100px;border-radius:50px;margin-top: 20px;background: #fff;-webkit-transform-origin:0 0;-webkit-transform: scale(0.5, 0.5);-webkit-backface-visibility:hidden;}