使用Firefox,您只需按下即可放大整个网页CTRL +.这样做是按比例放大整个网页(字体,图像等).
如何使用简单的CSS复制相同的功能?
是否有类似的东西page-size: 150%(这将使整个页面部分增加x%?)
我将站点按钮A +和A-添加到缩放。我希望所有的身体都变得粗壮,所以我创建了这段代码
<html>
<body>
<style>
.container{width: 800px;background: #000;}
p{color:#fff;}
a { color: #FFCC00;}
</style>
<div class="container">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum, qui, sunt, totam quaerat repudiandae dignissimos maxime et perspiciatis aperiam doloremque eaque eum explicabo ullam deleniti sed adipisci obcaecati fuga similique.</p>
<script type="text/javascript">
function ZoomScreen100() {
document.body.style.zoom="100%"
}
function ZoomScreen200() {
document.body.style.zoom="200%"
}
function ZoomScreen300() {
document.body.style.zoom="300%"
}
function ZoomScreen400() {
document.body.style.zoom="400%"
document.body.style.zoom="400%"
}
</script>
<a href="#" onclick="ZoomScreen100()">A+</a>
<a href="#" onclick="ZoomScreen200()">A+</a>
<a href="#" onclick="ZoomScreen300()">A+</a>
<a …Run Code Online (Sandbox Code Playgroud) 假设我有一个网页,一只猫盯着我看.然后图像将开始放大猫眼.更深入,更深入......如何在HTML/CSS/JavaScript中实现这一目标?