1

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

我想在页面内显示 HTML 页面，并且我想适当地缩放内容。显然，如果一个元素以 px 或类似的形式指定高度，我可以轻松地缩小它，但如果没有给出高度，我该如何继续？

欢迎任何建议、指针或想法，无论任何代码是 PHP 还是 Python、C++ 或 ASP 都没有关系……因为我正在寻找一种方法，而不是代码本身。

谢谢

薄荷狗

4

2 回答 2

2 
body {
    font-size: 62.5%;
}

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

然后字体大小或元素大小/缩放将按以下比例发生：

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

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

就像 Itay 提到的，你应该先从 reset.css 开始，然后这样做以帮助保持一致。您将不得不重新应用标签喜欢强、 em、 标题等的样式，但在执行上述操作（例如Eric Meyer 的 reset.css）之前使用 reset.css 文件时，您将始终拥有正确的基础

于 2009-06-07T20:32:20.473 回答
1

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

于 2009-06-07T20:00:18.227 回答