cherry编辑移动端显示异常

mindoc-org / mindoc

Golang实现的基于beego框架的接口在线文档管理系统

https://mindoc.com.cn/docs/mindochelp

Apache License 2.0

7.28k stars 1.9k forks source link

cherry编辑移动端显示异常 #891

Open rzlmsf opened 1 year ago

rzlmsf commented 1 year ago

你当前使用的是哪个版本的 MinDoc(godoc_linux_amd64 version)? mindoc_windows_amd64 v2.2-beta.1
你当前使用的是什么操作系统? win10
你是如何操作的？使用cherry markdown编辑
你期望得到什么结果? 移动端正常显示页面
当前遇到的是什么结果? 测试使用标准markdown编辑，移动端会自动隐藏标题导航，正常显示使用cherry markdown编辑，即使未使用[TOC]也会显示标题，移动端占屏幕2/3宽度，导致内容1/3宽度显示细长无法阅读

rzlmsf commented 1 year ago

这个影响的： .markdown-article-body { margin-right: 200px !important; } 改成0px宽度正常显示，但标题悬浮最上层没隐藏，希望根据分辨率自适应css

jh244212647 commented 9 months ago

https://github.com/mindoc-org/mindoc/pull/908 已经改为动态配置

shellsz commented 3 months ago

我也遇到这个问题了，请问怎么设置移动端默认隐藏悬浮菜单？

jh244212647 commented 3 months ago

你用最新 master 编译的还有这个问题？你用的版本是否包含了https://github.com/mindoc-org/mindoc/pull/908 这笔修改呀

shellsz commented 3 months ago

我用的release发布版本，可能版本低了，我用源代码试下吧

rzlmsf commented 3 months ago

我也遇到这个问题了，请问怎么设置移动端默认隐藏悬浮菜单？

@shellsz 我后来自己这样解决的

\static\cherry\cherry-markdown.css
@media screen and (max-width: 767px) {
    /*去掉目录*/
    .toc{
        display:none;
    }
    /*正文右边距填充满*/
    .markdown-article-body{
        margin-right: 0px !important;
    }

}