logo 首字母为小写 j 时会被裁切，大写正常

[Jerry-FaGe]

我的网站是以小写字母 j 打头的，调试的时候发现前面一点会被裁切，如图：

换成大写 J 就没有问题

但是换成大写的会让后面长出引言框一大截，看着还是挺不舒服的

不知道如果域名比较长的情况下有什么方法可以调优这个样式

[imsyy]

正在想办法解决这个问题 😂

[first19326]

@Jerry-FaGe 这个问题，我可以给你个解决方案，首页的话应该算完美，但是其他页面不是特别完美，首页这个地方的容器有个 margin-left 的样式，你调整为 padding-left 就可以解决这个问题。归根究底这个问题是由于字体样式造成的，因为这个字体会超出容器限制。

[Jerry-FaGe]

@Jerry-FaGe 这个问题，我可以给你个解决方案，首页的话应该算完美，但是其他页面不是特别完美，首页这个地方的容器有个 margin-left 的样式，你调整为 padding-left 就可以解决这个问题。归根究底这个问题是由于字体样式造成的，因为这个字体会超出容器限制。

感谢你提供的思路，我调整出了适合我的样式，以下放出我的调整以供参考：

• 先调首页 src/components/Message/index.vue

.name {
  width: 100%;
  height: 142px;
- margin-left: 12px;
+ // margin-left: 12px;
  transform: translateY(-15px);
  font-family: "Pacifico-Regular";

  .bg {
    font-size: 5rem;
+   padding-left: 1.2rem;
  }

• 至于其他页面有这个样式的，目前就找到了设置页面 src/views/MoreSet/index.vue

.bg {
  font-size: 5rem;
+ padding-left: 1.2rem;
}

只测试了小写字母 j 的表现，其他字母因为有字体压缩就懒得测了(
本人不咋懂前端，如果这样写兼容性会更好的话希望 @imsyy 可以采纳或者我提个 pr

现在就剩下过长域名会超出引言框这里的样式不知道该怎么调整了