Weird phenomena of H5 Niuniu game source code front-end development

Regarding the development of H5 Niuniu game source code front-end, I only know that it does not support some css and some strange phenomena.
Visit: h5.ttkmwl.com
Please contact me for guidance: 2172243813
1) Use the img tag with caution. It will enlarge inexplicably when the width and height are not specified; when the height is specified and width, in some cases it will be enlarged inexplicably.
Solution: div+background+background-sizing;

2) @keyframe+animate CSS3 animation is not supported. It's impossible to tell now which css is not supported, but the two are always used together.
Solution: Simple animation.gif or use gif for the background of the div

3) Border is not supported, inexplicably not supported.
Solution: None yet.

4) The box-shadow display is not normal. It will be displayed as a border similar to border but the width cannot be controlled.
Solution: None yet.

5) The vh style cannot be supported normally: set the width of the box to vw and the height to vh. The browser will parse the vh in height and vw on the spot, but when using padding-top, use vh. can be displayed normally.
The solution is to use vw as the unit of measurement for pictures, nodes, etc. with fixed proportions and fixed sizes. For vertical margins, vh can be used. Practice it in actual situations.

6) The support for jquery.animate is not very good, causing severe lag.
Solution: Don’t use jquery and use zepto.

The above is the detailed content of Weird phenomena of H5 Niuniu game source code front-end development. For more information, please follow other related articles on the PHP Chinese website!