When the h5 page is opened with the Wechat kernel, the page is deformed

1. The user"s iPhone is version 8.4

clipboard.png

2.

clipboard.png

3. It"s okay to open it with a browser, and there"s no problem opening it with a higher version than 8.4

.
Mar.20,2021

looks like using flex , and then the lower version of the browser kernel does not recognize this attribute, causing icons that should have been arranged horizontally to become normal block elements.
try adding autoprefixer to solve the problem.

Menu