125%放大网页



如何添加一个js函数,在加载时将网页缩放到125% ?

我找到了一种使用按钮的方法,但我希望网页在加载时自动缩放。

<button onclick="body.style.zoom='150%'">Zoom 150%</button>

我试着像下面的代码一样把它放到body标签中,但它不起作用…

<body onload="body.style.zoom='150%'">

谢谢。

直接去掉js,使用css

<body style="zoom:150%;">

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body style="zoom:150%;">
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>

css:

body{
zoom: 125%;
}

内联javascript解决方案:

<button
onclick="document.getElementsByTagName('body')[0].style.zoom='150%'"
>Click to zoom
</button>

最新更新