可能是重复问题:
允许用户在网页中更改字体大小
我有一些网页,我希望用户可以点击一个图片,然后增加页面上所有内容的字体大小。这种操作是否可行?如果可以,怎么实现呢?
我知道浏览器内部有一些选项,但我想要实现的是在页面上直接完成此操作的方法。
可能是重复问题:
允许用户在网页中更改字体大小
我有一些网页,我希望用户可以点击一个图片,然后增加页面上所有内容的字体大小。这种操作是否可行?如果可以,怎么实现呢?
我知道浏览器内部有一些选项,但我想要实现的是在页面上直接完成此操作的方法。
实现这个需要三件事:
在<body>
标签中指定整体字体大小。例如:
body { font-size: 100%; }
不要在文档中的其他地方使用像素来指定字体大小。
p.somePara { font-size: 120%; }
p.anotherPara { font-size: 1.4em; }
使用jQuery为此图像附加事件处理程序,以相应地调整字体大小:
$("#largerTextImage").click(function() {
$("body").css("fontSize", "120%");
});
完成。
<body>
)的字体大小,则其子元素将继承该[更改]大小(假设这些元素的其他CSS规则没有使用绝对值覆盖该大小,否则也会破坏用户在浏览器中更改字体大小的设置)。