在 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 像素的任何设备，任何高于正常字体大小的设备。