CSS中，我們可以使用transform屬性來實現(xiàn)網(wǎng)頁的等比例縮小，以下是一個簡單的例子：

.container {
  transform: scale(0.5);
}

在這個例子中，.container元素會被等比例縮小到原來的0.5倍，你可以根據(jù)需要調(diào)整縮放比例。

如果你想要實現(xiàn)點擊按鈕來縮放網(wǎng)頁的功能，可以結(jié)合JavaScript來實現(xiàn)，以下是一個簡單的實現(xiàn)：

1、給按鈕添加一個點擊事件：

document.getElementById('zoomIn').addEventListener('click', function() {
  var container = document.getElementById('container');
  container.style.transform = 'scale(0.5)';
});

2、給另一個按鈕添加點擊事件，用于放大網(wǎng)頁：

document.getElementById('zoomOut').addEventListener('click', function() {
  var container = document.getElementById('container');
  container.style.transform = 'scale(1)';
});

在這個例子中，#zoomIn按鈕會將#container元素縮小到原來的0.5倍，而#zoomOut按鈕會將其放大到原來的1倍，你可以根據(jù)需要調(diào)整這些比例。

這種方法僅適用于支持CSS transform屬性的瀏覽器，如果你需要支持舊版本的瀏覽器，可能需要使用其他方法來實現(xiàn)等比例縮放功能。