在狭窄的窗口中不显示读取文档狮身人面像目录

Question

对于狭窄的窗口，完整的“读取文档”窗口将显示内容，但是当窗口加宽时，目录显示为侧边栏，并且内容小于窗口宽度的一半。如何更改设置，以便显示TOC之前必须扩大窗口？

[我希望此framework具有样式表，conf.py参考和自定义布局将与source/_static样式表中的相应CSS一起使用。更改：

.wy-nav-content {
    max-width: 1200px !important;
}

我假设这涉及测试屏幕宽度是否小于某个值，然后将display_toc设置为false。类似于：

/* Set to display toc */
body {
  display_toc: true;
}

/* On narrow screens, set don't display toc */
@media screen and (max-width: 959px) {
  body {
    display_toc: false;
  }
}

Answer 1

sphinx_rtd_theme版本0.4.3 theme.css似乎支持：

• 最大宽度为480px的小屏幕
• 最大宽度为768像素的中型屏幕
• 和大屏幕

我提取了@media screen and (max-width: 768px)代码并添加了新的宽度，如下所示。 （我不知道CSS，所以可能会有更有效的代码。）

在此process之后，将一个custom.css文件放入所需的CSS，例如[>html_static_path

更改
conf.py
为custom.css

添加

@media screen and (max-width: 950px){
    .wy-body-for-nav{background:#fcfcfc}
    .wy-nav-top{display:block}
    .wy-nav-side{left:-300px}
    .wy-nav-side.shift{width:85%;left:0}
    .wy-side-scroll{width:auto}
    .wy-side-nav-search{width:auto}
    .wy-menu.wy-menu-vertical{width:auto}
    .wy-nav-content-wrap{margin-left:0}
    .wy-nav-content-wrap
    .wy-nav-content{padding:1.618em}
    .wy-nav-content-wrap.shift{position:fixed;min-width:100%;left:85%;top:0;height:100%;overflow:hidden}
}

选项：html_css_files