用了ant-design-mobile,为什么组件都这么巨大?

发布于 2022-09-04 22:36:49 字数 430 浏览 8 评论 0


最近开始用antd-mobile,我发现直接使用的话,组件都是非常巨大,和给的样例严重不符。

比如我看了tabbar的源代码,默认高度竟然是100px。

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

其他的一些也都是偏大。
如:
图片描述

另外我只是npm相关内容配好webpack和bablerc之后直接复制粘贴样例。

请问这是哪里的问题,有朋友了解么

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

明天过后 2022-09-11 22:36:49

antd 有自己的一套高清屏幕兼容方案,你需要正确设置 viewport。

参见:antd mobile 0.8 以上版本「高清」方案设置

趴在窗边数星星i 2022-09-11 22:36:49

加入 <meta name="viewport" > 并正确设置其属性值

家住魔仙堡 2022-09-11 22:36:49

没做处理尺寸单位 全是PX 当然会这么大,只有引用一个组件 重置一个 把PX全转换成rem/em

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文