css3实现浏览器缩放
css3实现浏览器缩放
<!DOCTYPE HTML>中国儿童服装品牌
<html>
<head>
<meta charset="utf-8">
<title>css3实现浏览器缩放</title>
lol皮肤特效
<script>
var size = 1.0;
function zoomout(){
size = size +0.1;
set();
}
function zoomin(){
size = size -0.1;
set();
祝福祖国的唯美句子
}
function set(){
锂离子电池第一次充电
document.body.style.cssText = document.body.style.cssText + '; -webkit-transform: scale(' + size + ');-webkit-transform-origin: 0 0;';
松木沙发}
</script>
</head>
<style>
body{ overflow:hidden;}
.wrap{-webkit-transform:scale(1.5);-webkit-transform-origin: 0 0;}
</style>
<body>
<div class="wrap">由于互联网连接缓慢网络已被禁用
<div>缩放</div>
<input type="button" onClick="zoomout()" value="放⼤">
<input type="button" onClick="zoomin()" value="缩⼩">
</div>
</body>
</html>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。