如何添加一个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>