自定义CSS用于移动字体大小

Question

我正在使用Squarespace模板，想要在移动设备（iPhone）上查看我的网站时修复一些问题。 www.jobspark.ca是我的网站。

这是我尝试的代码，并没有任何运气。

/* ----------Add your custom styles here for Mobile---------- */
@media only screen and (max-width: 640px) {
.desc-wrapper { font-size:24px;  
} 
}

我附上了一张图片，以帮助演示我要修复的内容。感谢

Answer 1

字体大小设置为

.desc-wrapper p

所以需要更改大小：

@media only screen and (max-width: 640px) {
    .desc-wrapper p {
        font-size: 24px;  
    }

    /* Changes bottom headline */
    .sqs-block-content h1 {
        fonts-size: 18px;
    }
}