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 - 提高网页字体大小

回答

相关问题