参造GitHub主题优化白边显示

[saddit]

Change

1. 大纲排列更利于观看

.outline-item {
  padding-bottom: 7px;
  padding-top: 7px;
}

2. 全屏下两白边变窄了

参造Github.css根据screen大小动态设置max-width:smile:

/****** #write basic ******/
#write {
  position: static;
  width: 90%;
  max-width: 860px;
  line-height: 1.6;
  transform: none;
  height: auto;
}

@media only screen and (min-width: 1400px) {
    #write {
        max-width: 1024px;
    }
}

@media only screen and (min-width: 1800px) {
    #write {
        max-width: 1200px;
    }
}

[HanryYu]

对大纲视图的调整是可以的，对 max-width 的调整看下大家的反馈 @Higurashi-kagome

[Higurashi-kagome]

更改过后我这边的侧边空白变窄了，但我个人更喜欢（或者说习惯了）原来的宽度（700 px）。

因为之前没有过类似于 #40 的反馈，所以我们或许该在原有效果的基础上解决 #40 中发现的特殊情况，而不影响原来的效果。 @FishionYu @838239178

[saddit]

更改过后我这边的侧边空白变窄了，但我个人更喜欢（或者说习惯了）原来的宽度（700 px）。

因为之前没有过类似于 #40 的反馈，所以我们或许该在原有效果的基础上解决 #40 中发现的特殊情况，而不影响原来的效果。 @FishionYu @838239178

我认为这应该是由于我这边屏幕大小的原因，所以我才想到动态改变，原来的700px我是顺手改成860px了

[Higurashi-kagome]

将其改为 860px 后宽度足够的话或许可以尝试只添加如下代码：

@media only screen and (max-width: 700px) {
    #write {
        max-width: 860px;
    }
}

[HanryYu]

我个人更偏向原来的宽度（较窄的宽度更适合阅读），怕这个调整会影响大家的使用体验。 对于不同的设备和分辨率，的确没有考虑到 @Higurashi-kagome @838239178

[saddit]

响应式布局还是蛮有必要的 😄