javascript - The webpage made by vue works fine on chrome and Android phones, but is incompletely displayed on Apple phones and cannot be pulled down.

Question

DEMO address

If you take a look at your iPhone, you will know the effect.

This is the mobile phone mode under chrome, the display is normal, and the same is true for Android phones

This is the page opened by WeChat under iPhone 5s. It is the same under Safari. You can see that the display above is incomplete and cannot be pulled down.

What is the problem and the solution? Thanks

Answer 1

Try changing the label of button to p. Button is an inline-block element. Putting block-level elements inside it is against the rules. This may be the reason

Answer 2

Isscroll problem

Answer 3

I can’t even scroll down on Google

Answer 4

Try using the vue-awesome-swiper plug-in. I saw that others also use better-scroll. Someone who knows how to use it will post the code. It is in vue2.0. Thanks.