H5牛牛游戏源码前端开发的古怪现象
2020-11-27
来源：个人技术集锦
访问：h5.ttkmwl.com
求大神指导联系扣：2172243813
1）img标签慎用，在未对其指定宽度和高度的时候会莫名的放大；在对其指定高度和宽度的时候，在某些情况下也会莫名的放大。
解决方法：div+background+background-sizing;
2) @keyframe+animate CSS3的动画不支持。现在也没法判断到底是那条css不支持，但是两者从来都是一起用的。
解决办法：简单动画.gif 或者是div的background使用gif
3) border 不支持，莫名的不支持。
解决办法：暂无。
4）box-shadow 显示不正常，会显示成一条类似border但无法控制宽度的边框。
解决办法：暂无。
5） vh 抽风式的无法正常支持：设置box的width为vw，height为vh，浏览器会吧height中的vh也当场vw解析，但是使用padding-top的时候使用vh就可以正常显示。
解决办法，固定比例固定尺寸的图片，节点等统一使用vw作为计量单位，纵向的边距什么的可以使用vh，实际情况动手实践。
6）对jquery.animate的支持不是很好，严重卡顿的情况。
解决办法：不要使用jquery 用 zepto。