HTML默认元素大小（缩放HTML页面）

Question

有没有办法计算HTML元素的可能大小，H1标签，例如相对于视口大小的像素。

我想在页面内显示HTML页面，我想适当地缩放内容。显然，如果一个元素指定了一个px或类似的高度，我可以很容易地缩小它，但如果没有给出高度，我该怎么办？

任何建议，指针或想法都欢迎，如果任何代码是PHP或Python，C ++或ASP都无关紧要......因为我正在寻找一种方法，而不是代码本身。

由于

mintydog

Answer 1

body {
    font-size: 62.5%;
}

#container {
    font-size: 1.0em; /* eq to 10px */
}

然后，字体大小或元素大小调整/缩放将在如下的范围内发生：

• 1.0em = 10px
• 1.1em = 11px
• 1.2em = 12px
• 2.0em = 20px
• 5.0em = 50px

如果你的元素在另一个div中，那么只要它符合相同的em结构，你就可以放一个.5em或其他东西使它成为网站的缩略图版本。如果没有，你将不得不做截图。

同样的Itay提到你应该首先使用reset.css然后执行此操作以帮助保持一致。您将不得不重新应用标签liks strong，em，headings等的样式，但在执行上述内容之前使用reset.css文件时，您将始终拥有正确的基础，例如Eric Meyer's reset.css

Answer 2

获取网络中的一个重置CSS文件并使用它们（修改它们以便所有元素都有大小） 使用百分比或EM表示大小。