js怎么改变文章字体大小？

最新推荐文章于 2024-01-02 14:04:58 发布

转载最新推荐文章于 2024-01-02 14:04:58 发布 · 525 阅读

·

0

·

CC 4.0 BY-SA版权

原文链接：http://www.pinlue.com/article/2020/03/1811/3210033606739.html

文章标签：

js 专栏收录该内容

101 篇文章

订阅专栏

本文介绍了一种通过JavaScript动态调整网页文章字体大小和行高的方法，此方法能够提升不同设备上的阅读体验，适用于响应式设计。

转载自品略图书馆 http://www.pinlue.com/article/2020/03/1811/3210033606739.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>无标题文档</title>

<script language="javascript">

function articleSize(size,lineheight){

var article = document.getElementById("article");

article.style.fontSize = size+"px";

article.style.lineHeight = lineheight+"px";

}

</script>

</head>

<body>

<a href="#" title="" onclick="articleSize(16,24);">大</a>

<a href="#" title="" onclick="articleSize(14,24);">中</a>

<a href="#" title="" onclick="articleSize(12,24);">小</a>

<div id="article">此处显示 id "article" 的内容

此处显示 id "article" 的内容此处显示 id "article" 的内容此处显示 id "article" 的内容此处显示 id "article" 的内容此处显示 id "article" 的内容此处显示 id "article" 的内容此处显示 id "article" 的内容此处显示 id "article" 的内容此处显示 id "article" 的内容此处显示 id "article" 的内容

</div>

</body>

</html>

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。