javascript - vue에서 만든 웹페이지는 크롬과 안드로이드폰에서는 잘 작동하지만, 애플폰에서는 불완전하게 표시되어 풀다운이 되지 않습니다.

Question

데모 주소

아이폰을 보시면 그 효과를 아실 수 있을 거에요,

크롬에서의 모바일 모드이며, 디스플레이는 정상이며, 안드로이드폰에서도 마찬가지입니다

iPhone 5s에서 WeChat으로 열어본 페이지입니다. Safari에서도 마찬가지입니다. 화면이 불완전해서 끌어내릴 수 없는 것을 볼 수 있습니다.

문제와 해결방안은 무엇인가요? 감사합니다

Answer 1

버튼 라벨을 p로 변경해보세요. 버튼은 인라인 블록 요소이므로 규칙에 어긋납니다.

Answer 2

스크롤 문제

Answer 3

Google에서는 아래로 스크롤도 안 돼요

Answer 4

vue-awesome-swiper 플러그인을 사용해 보세요. 다른 사람들도 better-scroll을 사용하는 것을 보았는데, 그것을 사용하는 방법을 아는 사람이 vue2.0에 코드를 게시할 것입니다. 감사해요.