HTML 整体缩放

来源：互联网发布：hadoop编程编辑：程序博客网时间：2024/05/18 03:57

最近用到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>

阅读全文

0 0