問題出在網站的移動版，要么是flexbox，要么是svg，要么是width，我不懂。Devtools顯示svg中有縮進，文本本身也有縮進

網站本身

我需要在該網站的移動版本相同的線。用小字體，一切都好

根據我對代碼的理解。圖標類由20vw的寬度組成，但是您的。desc級沒有任何寬度。

現在是這一部分& quot速度快& quot內容很小，可以放入一個更小的容器中，但其余的不能，因為這些都是display flex，即使你添加了20vw，它也只能應用于有空間的地方。速度快& quot，其余的。圖標等級小于20vw。因此它看起來是鋸齒狀的。

一種解決方案是給。desc類喜歡

.desc {
 width: 80vw;
}

另一個解決方案可能是手機版。

.icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 125px;
  /* width: 20vw; */
  padding: 0px 15px;
}

我會增加最大寬度和一點點的空白。圖標css類。

我也建議放棄高度。desc類，并用一個邊距來替換它，以便將所有內容對齊。

.icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 125px;
    width: 20vw;
    max-width: 10vw;
    margin: 0 10vw;
}

.desc {
    display: flex;
    flex-direction: column;
    margin: auto 0;
}