在 BigCartel Nova 主題上更改移動設備的字體大小

Question

我正在為我的網站使用 Big Cartel Nova 主題。 我想更改移動屏幕的標題鏈接和正文（產品描述）的字體大小。

通過台式電腦，字體大小是完美的，但是當我通過移動屏幕查看時，字體會自動調整為更大的字體。 是否有我應該尋找或需要插入的特定 css 代碼？

作為參考，請通過手機屏幕查看：

胡椒化妝品網

Answer 1

在您的瀏覽器中，如果您右鍵單擊頁面，然后選擇檢查/檢查元素或類似元素，您就可以查看您所在頁面的 HTML 和 CSS。

您遇到的問題是下面的代碼，特別是字體大小樣式，在 theme.css 中的第 1938 行

@media screen and (max-width: 560px), screen and (max-device-width: 560px) and (orientation: landscape)
body {
    border: none;
    padding-bottom: 70px;
    font-size: 16px !important;
}

這適用於寬度不超過 560 像素的任何設備，任何高於正常字體大小的設備。