javascript - ant-design-mobile을 사용하는데 구성 요소가 왜 그렇게 큰가요?

Question

---

최근에 antd-mobile을 사용하기 시작했는데 직접 사용하면 구성 요소가 매우 거대하고 제공된 예와 심각하게 일치하지 않는다는 것을 알았습니다.

예를 들어 탭바의 소스코드를 살펴보니 기본 높이는 100px입니다.

으아악

어떤 것들은 너무 큽니다.
예:

그리고 npm 관련 내용에 대해서는 webpack, babelrc 구성 후 샘플을 직접 복사해서 붙여넣었습니다.

실례합니다. 문제가 무엇인지 아시는 분 계신가요?

Answer 1

antd에는 자체 HD 화면 호환성 솔루션 세트가 있으므로 뷰포트를 올바르게 설정해야 합니다.

참조: antd 모바일 0.8 이상에 대한 "HD" 솔루션 설정

Answer 2

추가 <meta name="viewport" >하고 속성 값을 올바르게 설정하세요