javascript - H5 page is embedded into ios, but the effect is different when opened on the same mobile phone.

Question

The H5 page is embedded into ios, and the same app version is opened on iPhone 6.
The page is not normal after opening on an iPhone 6. How to trace the cause...

The products are all crowded in one row. Normally there are two products in one row.
This situation seems to be a problem that occurs when the network is not loaded yet..

Answer 1

You should set the width according to the layout of the image. The width is determined before the image is fully loaded. It is recommended to obtain the image width in advance and then set the layout.

Answer 2

iOS safari and Mac safari are combined to debug mobile pages.

http://xuanmomo.com/1461.html

Answer 3

1. Try putting js at the end. Maybe js loads faster.
2. Is the meta tag written correctly?