javascript - Menggunakan ant-design-mobile, mengapa komponennya sangat besar?

Question

---

Saya baru-baru ini mula menggunakan antd-mobile Saya mendapati bahawa jika saya menggunakannya secara langsung, komponennya sangat besar dan serius tidak konsisten dengan contoh yang diberikan.

Sebagai contoh, saya melihat kod sumber tabbar, dan ketinggian lalai ialah 100px.

lib/tab-bar/style/index.less 127:
    height: @tab-bar-height;//@tab-bar-height实际上是100px

Sesetengah yang lain juga terlalu besar.
Contohnya:

Selain itu, saya hanya menyalin dan menampal sampel secara terus selepas mengkonfigurasi webpack dan babelrc untuk kandungan berkaitan npm.

Maaf, apa masalahnya?

Answer 1

antd mempunyai penyelesaian keserasian skrin HD sendiri, anda perlu menetapkan port pandangan dengan betul.

Lihat: tetapan penyelesaian "HD" untuk mudah alih antd 0.8 ke atas

Answer 2

Tambah <meta name="viewport" > dan tetapkan nilai hartanya dengan betul