Typora编辑器自适应屏幕宽度

第一步：在导航栏主题这里找到当前使用的主题，然后在心里记下它，如下图：

第二步：在 Mac 版本上依次点击打开偏好设置，外观，打开主题文件夹，然后找到第一步主题对应的css文件，如下图；

使用文本编辑器打开css文件。

第三步：通过ctrl+f搜索#write找到如下代码：

#write {
  max-width: 840px;
  margin: 0 auto;
  padding: 20px 30px 100px;
}

在上面代码中max-width的值固定为840px，因此才会出现Typora (opens new window)在全屏状态下无论我们的屏幕有多宽，Typora (opens new window)编辑器窗口仍然都是固定大小。

对上面代码做如下改动，如下代码：

#write {
  max-width: 94%;
  margin: 0 auto;
  padding: 20px 30px 100px;
}

将max-width的值调整为94%，意思是在全屏状态下编辑器窗口宽度会自动占用94%的宽度。

调整完成以后保存css文件，然后重启启动Typora (opens new window)即可看到自适应宽度效果。

对于高阶版用户可能还会调整源文件编辑器宽度，依然是调整对应主题的css文件，代码如下：

#typora-source .CodeMirror-lines {
  max-width: 94%;
}

直接将上面代码粘贴到 css 的任意位置即可。

总结：

<!--需要修改的css-- > #write {
  max-width: 94%;
  margin: 0 auto;
  padding: 20px 30px 100px;
}
<!--需要添加的css-- > #typora-source .CodeMirror-lines {
  max-width: 94%;
}