元素：

“`html

“`

4、创建JavaScript文件（script.js）：

“`javascript

function resize() {

var width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;

var height = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;

var centeredDiv = document.querySelector(‘.centered’);

centeredDiv.style.width = width + ‘px’;

centeredDiv.style.height = height + ‘px’;

}

“`

5、在HTML文档的标签内添加以下代码，用于监听窗口大小变化并调用resize()函数：

“`html

“`

通过以上步骤，可以实现HTML5页面的缩放居中显示，当浏览器窗口大小改变时，JavaScript代码会动态调整居中显示元素的宽度和高度，使其始终保持在窗口中心位置，CSS样式则负责将内容水平和垂直居中对齐。

网站名称：html5如何页面缩放居中显示
文章链接：http://www.tsicrk.com/article/cdjgdpg.html