2012-11-14 103 views
0

我有一個網站,有從<h1><sup>所有元素 - 他們每個人都有自己的字體大小,(他們大多以像素爲單位)如何增加字體大小整個網站

這個網站是客戶端集合和每個客戶端都有自己的子域..雖然基礎代碼,圖像,CSS和JS都是相同的整個網站,每個子域都有它自己的具體theme.css - 只是一個CSS文件用於應用客戶端具體設計。

現在,一個客戶端需要在其子域中使用更大的字體。因此,我認爲這只是一個增加

* 
{ 
    font-size: ... 
} 

現在的事,我不能指定一個大小有..我可以列出所有元素,並單獨設置字體大小(這將是計劃B) - 但有一種方法可以設置所有元素以增加各自的字體大小?


編輯
如果這是不可能通過CSS,我可以用jQuery做到這一點。我想..
此外,改變現有PX的大小是不是因爲這是遺留代碼的選項,我沒有訪問基css文件..只是 subdomain.csssubdomain.js文件..

+0

這取決於你的CSS是如何當前編碼。 –

+1

如果子樣式已經在像素中,它將覆蓋您在父級設置的所有「em」或「pt」設置。 –

+0

如果您在開始時使用'%'或'rem'值,那將會更容易。在這種情況下,您只需更改''元素上的字體大小,其他所有字體都會相應更改。 – Sirko

回答

2

如果更改的所有元素使用EM或百分比,而不是像素的你可以改變對身體基本字體大小,但因爲它們是用像素指定的,所以你不能這樣做。

解決方案1:
更改所有字體大小以像素爲單位設置爲它們的相應的EM或百分比的大小,並設置一個較大的身體尺寸。 這個工具可以幫你:http://pxtoem.com

例子:

body { 
    font-size: 16px; 
} 

p { 
    font-size: 1em; 
} 

解決方案2:
組具有相同尺寸的所有元素,並覆蓋它們。

例子:

div, 
span, 
p { 
    font-size: 12px; 
} 

sub, 
sup { 
    font-size: 10px; 
} 
+0

我想第二種方法比我的計劃B好很多..羞愧我不能將像素更改爲em或它不能與px一起使用......謝謝! – LocustHorde