html怎么监听页面的高度和宽度

你可以使用JavaScript来监听页面的高度和宽度。具体实现方法如下：

1. 监听窗口大小变化事件

window.addEventListener('resize', function(){
  // 窗口大小改变时触发的代码
});

2. 获取窗口高度和宽度

var windowHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
var windowWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;

其中，`window.innerHeight`和`window.innerWidth`是窗口可视区域的高度和宽度，`document.documentElement.clientHeight`和`document.documentElement.clientWidth`是文档的可视区域高度和宽度，`document.body.clientHeight`和`document.body.clientWidth`是文档的实际高度和宽度。

完整代码如下：

window.addEventListener('resize', function(){
  var windowHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
  var windowWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
  
  console.log('窗口高度：' + windowHeight);
  console.log('窗口宽度：' + windowWidth);
});