HTML 整体缩放

  • Post author:
  • Post category:其他


最近用到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 版权协议,转载请附上原文出处链接和本声明。