最近用到web 控件加载网页需要缩放问题,由于控件比较旧,所以只能从html 入手;html 页面缩放主要有两种,IE 可使用 CSS body{zoom:1.2;} 或者微软相关的控件支持,包括BCB 。其它 浏览器可使用 body{transform: scale(1.2);} 这个是从中心点缩放,所以需要配合另外一个属性使用
以下是样例 ZOOM,应该只支持IE :
<html>
<head>
<style type="text/css">body {zoom:1.5;}</style>
</head>
<body>
<h1>这是标题 1</h1>
<h2>这是标题 2</h2>
<p>这是段落</p>
<p class="no2">这个段落设置了内边距。</p>
</body>
</html>
其它浏览器可使用 transform 例:
<html>
<head>
<style type="text/css">
body {transform: scale(1.5) translate(200px, 100px); }
</style>
</head>
<body>
<h1>这是标题 1</h1>
<h2>这是标题 2</h2>
<p>这是段落</p>
<p class="no2">这个段落设置了内边距。</p>
</body>
</html>
版权声明:本文为q610098308原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。