HTML5是一種新的標準，它允許我們輕松地設置頁面可縮放。以下是一些簡單的步驟：

首先，我們需要在文檔的頭部添加以下標記：

<meta name="viewport" content="width=device-width, initial-scale=1">

這個標記告訴瀏覽器，我們希望頁面的寬度與設備的寬度一致，并且初始縮放級別為1。

接下來，我們需要在CSS文件中添加一些樣式：

body {
-webkit-text-size-adjust: none;
-ms-text-size-adjust: none;
}

這些CSS樣式將禁用文本的自動縮放，并確保頁面的大小與設備的大小相同。

最后，在HTML文件中，我們可以使用viewport標記來控制頁面的縮放級別：

<div id="zoom">
<p>我是可縮放的段落</p>
</div>
<script>
var zoomLevel = 1;
document.getElementById("zoom").ondblclick = function() {
zoomLevel += 0.25;
document.getElementById("zoom").style.zoom = zoomLevel;
}
</script>

以上代碼將在頁面上創建一個可縮放的段落。使用雙擊事件，我們可以增加zoom屬性的值來實現逐步縮放頁面。

這就是設置HTML5頁面可縮放的簡單步驟。使用viewport標記和CSS樣式，我們可以輕松地使我們的網頁適應各種不同的設備屏幕。