CSS - 提高網頁字體大小

可能重複：
Allow users to change font size in a webpage CSS - 提高網頁字體大小

你好，

我有一些網頁。我希望用戶點擊圖片，並增加頁面上所有內容的字體大小。這可能嗎？如果是這樣，怎麼樣？

我知道瀏覽器裏面有選項。基本上，我想要一種在頁面中做到這一點的方法。

謝謝。

來源

2009-09-06 Villager

Dupe：http://stackoverflow.com/questions/891980/change-font-size-in-a-webpage/892031 – 2009-09-06 20:08:30

如果您增加像<body>這樣的頂級元素的字體大小，那麼[changed]大小將由其子元素繼承（假設這些元素的其他CSS規則沒有用絕對值覆蓋該大小值，這也會在用戶的瀏覽器中改變字體大小）。

This article（例如）說它描述瞭如何以編程方式更改CSS值。

來源

2009-09-06 19:55:17 ChrisW

三件事情來實現這一目標：

指定整體的字體大小在<body>標籤。例如：

body { font-size: 100%; }

請勿使用像素指定文檔中其他任何位置的字體大小。

p.somePara { font-size: 120%; } 
p.anotherPara { font-size: 1.4em; }

附加一個事件處理程序到這個圖像，相應地調整字體大小。使用jQuery，例如：

$("#largerTextImage").click(function() { 
    $("body").css("fontSize", "120%"); 
});

完成。

來源

2009-09-06 20:02:11

編輯修復itty bitty語法錯誤:) – 2009-09-06 20:06:01

我會說你可以切換CSS。

將所有字體大小放在一個單獨的CSS文件中。然後複製此文件並更改字體大小。然後使用一段js腳本來轉換css文件。

那裏有很多教程解釋了它的全部內容。 Here's one。

來源

2009-09-06 20:02:13 marcgg

這是一個非常粗糙的方法，我永遠不會使用。 – 2009-09-06 20:06:37

這是爲什麼？這很有趣，因爲您可以爲所有元素指定不同的字體大小，以控制您的網站的外觀。 – marcgg 2009-09-06 20:10:28

1）像這樣改變CSS文件實際上有點粗糙，使用你在主體上添加/刪除的類會更好，因爲它是即時更新，沒有新的文件下載只是爲了改變字體大小。 2）這種方法比小規模變化更適合於整個網站的字體調整。這是很多額外的CSS寫這樣一個小功能。更好的是，如果你需要這個功能，你可以使用基於％或em的方法，就像bigmattyh的答案所解釋的那樣，並且將方法從這個答案留給較小規模的切換作業。 – 2012-12-17 18:54:45

CSS - 提高網頁字體大小

回答

相關問題