网站口号在google浏览器上显示不全

[whg7251]

您好，最近搭建博客，发现您的主题，真心好喜欢，谢谢您了。 但是在显示界面的时候出现了网站口号在google浏览器上显示不全的问题，不知道是我搭建的问题还是出现了bug，望您抽空可以看一下，谢谢 ps: 在100%比例下，会出现上述问题，但是在90%比例下就不会出现。

[whg7251]

您好，最近搭建博客，发现您的主题，真心好喜欢，谢谢您了。 但是在显示界面的时候出现了网站口号在google浏览器上显示不全的问题，不知道是我搭建的问题还是出现了bug，望您抽空可以看一下，谢谢 ps: 在100%比例下，会出现上述问题，但是在90%比例下就不会出现。

[bennyxguo]

我这边用的就是谷歌浏览器，没有出现你这个问题。

[whg7251]

我这边用的就是谷歌浏览器，没有出现你这个问题。

应该是我的版本问题把~68.0.3440.106

[Lan-Mao]

我的是火狐浏览器，也出现了这样的问题，看了下是那个“/img/cover.jpg”，首页显示的封面图片挡住了 如果把那个图片的div删掉就没这个问题了。 或者首页的那篇文章展示较多字数也没问题。 大佬解决下这个问题吧。

[yansheng836]

Chrome遇到同样问题，注释下面的代码可以解决：

#screen .cover {
  /* position: absolute; */
}

即css\obsidian.styl文件中的

#screen {
  z-index: 1;
  position: relative;
  background: #100e17;
  border-bottom-right-radius: 200px;

  .cover {
      /* position: absolute; */
    top: 0;
    left: 30%;
    width: 1200px;
    height: 800px;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0.85;
  }
}

[TML233]

Chrome，遇到了相同问题，系统DPI为125%

[zj457840891]

Chrome遇到同样问题，注释下面的代码可以解决：

#screen .cover {
  /* position: absolute; */
}

即css\obsidian.styl文件中的

#screen {
  z-index: 1;
  position: relative;
  background: #100e17;
  border-bottom-right-radius: 200px;

  .cover {
      /* position: absolute; */
    top: 0;
    left: 30%;
    width: 1200px;
    height: 800px;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0.85;
  }
}

有效，不知道添加了文章后对首页显示有影响没

[bennyxguo]

去掉这个如果加入图片确实会有影响的。