点击放大按钮 将原来的字体放大0.1倍 20px==>22px 点击缩小按钮 将原来的字体缩小0.1倍 20px==>18px 思路 获取原来的字体大小 经过计算 在重新给元素设置

可以通过JavaScript代码来实现这个功能。首先，获取需要操作的元素，比如一个按钮和一个文本框：

<button id="btn-zoom-in">放大</button>
<button id="btn-zoom-out">缩小</button>
<p id="text">这是一段需要放大/缩小的文本。</p>

然后，通过JavaScript代码获取这些元素，并且为按钮添加点击事件监听器：

var btnZoomIn = document.getElementById('btn-zoom-in');
var btnZoomOut = document.getElementById('btn-zoom-out');
var text = document.getElementById('text');
var fontSize = 20;

btnZoomIn.addEventListener('click', function() {
  fontSize += 2;
  text.style.fontSize = fontSize + 'px';
});

btnZoomOut.addEventListener('click', function() {
  fontSize -= 2;
  text.style.fontSize = fontSize + 'px';
});

在这段代码中，我们定义了一个变量 `fontSize`，用来保存当前的字体大小，初始值为 20。然后，为放大按钮和缩小按钮分别添加了点击事件监听器，在监听器中更新 `fontSize` 的值，并且将新的字体大小应用到文本框中。注意，在设置字体大小时，我们需要将数值转换成字符串，并且添加单位 `px`。