移动字体大小的自定义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; 
    } 
}