H5 页面采坑记录

1.页面布局时，上下滑动页面时通常会把一些盒子放在<section></section>标签中，但是在一些机型如iphonex测试中，上下滑动页面会出现都抖动的情况，不知道什么原因，解决方案就是，不使用<section>标签，直接在大盒子中写滚动元素设置高度（ overflow-y:scroll; height:100%）,便解决了手机端访问时的抖动bug

2.某图片，文字加放大动态效果动画时，不能直接改变 宽度高度，在某机型，如 ipone6中，图标会异常变小，transform: scale()  代替  width，解决。

@keyframes xx {

  0% {

    transform: scale(0.9);

  }

  50% {

    transform: scale(1.05);

  }

  100% {

    transform: scale(0.9);

  }

}