移動字體大小的自定義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; 
    } 
}