Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

移动端的自适应 #494

Closed
13994853095 opened this issue Aug 29, 2023 · 10 comments
Closed

移动端的自适应 #494

13994853095 opened this issue Aug 29, 2023 · 10 comments

Comments

@13994853095
Copy link

在移动端使用时发现android设备节点间的距离适应的很好,但是ios会堆叠在一起,看起来很拥挤

@13994853095
Copy link
Author

image
就像这样

@hizzgdev
Copy link
Owner

你能把android上的截图也贴出来吗?

另外,麻烦看一下页面上引用的样式表的url是什么?

@13994853095
Copy link
Author

好的
f0c88f375d7b9ed8bcf74c265f6ed1e
602d2f0337fa1d17d314dd7e2cb8e3f

@hizzgdev
Copy link
Owner

你确认一下container的样式在ios设备里是不是没有应用上?
另外你这是在 safari 里测试的吗?还是别的浏览器,或者是别的什么app?
我在 safari 里并没有复现出这个问题。

@13994853095
Copy link
Author

在safari和chrome都试了,今天在ios做真机调试,发现是jmnodes的宽度变成跟父容器一样的,但是在android又不会这样,就很奇怪,之前在pc端也有类似的问题,当时是因为在还没切换到mindmap菜单时,就初始化jsmind,它无法获取准确的父容器宽高并自适应

@13994853095
Copy link
Author

我今天又试了一下应该是缩放的问题,我之前的代码在初始化时将zoom比例改成了0.5,现在我注释掉了,刚初始完成时就是正常的,但是我如果继续有缩放相关的操作,思维导图的效果又会挤在一起
76879d42d4659132a07d85d7d325bea

@13994853095
Copy link
Author

又测试了一会,问题更具体了,在ios上思维导图进行缩放时,每个节点box会跟随缩放,但是节点内容的fontsize却不会跟着缩放,导致虽然节点box宽度变窄了,高度却被字体撑开,就拥挤了

@hizzgdev
Copy link
Owner

感谢,你有没有在其它苹果手机上试过?我自己验证时 zoom in / out 时字体都会跟随缩放。是不是手机设置了强制字体大小?

@13994853095
Copy link
Author

试了,那可能是我的代码有问题吧,我去排查一下,感谢

@13994853095
Copy link
Author

因为我也单独写了一个box去测试fontsize是否随着zoom改变,结果是可以的,那看来是我思维导图的配置或者哪一步写的有问题

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants