GithubHelp home page GithubHelp logo

移动端的自适应 about jsmind HOT 10 CLOSED

13994853095 avatar 13994853095 commented on August 25, 2024
移动端的自适应

from jsmind.

Comments (10)

13994853095 avatar 13994853095 commented on August 25, 2024 1

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

from jsmind.

13994853095 avatar 13994853095 commented on August 25, 2024

image
就像这样

from jsmind.

hizzgdev avatar hizzgdev commented on August 25, 2024

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

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

from jsmind.

13994853095 avatar 13994853095 commented on August 25, 2024

好的
f0c88f375d7b9ed8bcf74c265f6ed1e
602d2f0337fa1d17d314dd7e2cb8e3f

from jsmind.

hizzgdev avatar hizzgdev commented on August 25, 2024

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

from jsmind.

13994853095 avatar 13994853095 commented on August 25, 2024

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

from jsmind.

13994853095 avatar 13994853095 commented on August 25, 2024

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

from jsmind.

13994853095 avatar 13994853095 commented on August 25, 2024

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

from jsmind.

hizzgdev avatar hizzgdev commented on August 25, 2024

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

from jsmind.

13994853095 avatar 13994853095 commented on August 25, 2024

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

from jsmind.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.