我想可以改变一个网页的文字大小,我猜jQuery可以使用,但我没有
javascript的经验.
另一个问题是网页是一个phtml文件,并且使用了多个PHP echo命令.该页面由多个phtml文件组成.
编辑：我想给用户3种不同字体大小的选择.
解决方法
我将采取的方法是将字体大小百分比应用于html的body标签
body
{
font-size: 62.5%;
}
然后,对于所有其他元素,在ems中指定font-size,它将生成大小作为继承的字体大小的缩放百分比
h1
{
font-size: 1.8em;
}
p
{
font-size: 1.2em;
}
我使用62.5％的身体,因为很容易将其转换为像素大小,当指定其他字体大小,例如1.2em = 12px,1.8em = 18px等等
然后要以编程方式更改页面中的字体大小,您只需要更改字体大小在正文上的值,并且页面的其余部分将相应地缩放或缩小
你可以通过三个div来测试
<div id="sizeUp">bigger text</div> <div id="normal">normal text</div> <div id="sizeDown">smaller text</div>
在JQuery中,我相信你可以做
$(document).ready(function() {
$("#sizeUp").click(function() {
$("body").css("font-size","70%");
});
$("#normal").click(function() {
$("body").css("font-size","62.5%");
})
$("#sizeDown").click(function() {
$("body").css("font-size","55%");
})
});
