Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
HTML默认元素大小(缩放HTML页面)_Html_Css_Web Applications_Scaling - Fatal编程技术网

HTML默认元素大小(缩放HTML页面)

HTML默认元素大小(缩放HTML页面),html,css,web-applications,scaling,Html,Css,Web Applications,Scaling,是否有一种方法可以计算HTML元素的可能大小,例如H1标记的像素相对于视图端口的大小 我希望在页面内显示HTML页面,并适当缩放内容。显然,如果一个元素以px或类似的形式指定了一个高度,我可以很容易地缩小它,但是如果没有给出高度,我如何继续呢 任何建议、指针或想法都欢迎,无论是PHP还是Python代码,或者C++,或者ASP都不要紧。因为我在寻找一种方法,而不是代码本身 谢谢 mintydog在web上使用一个重置CSS文件(修改它们,使所有元素都有大小)。 使用百分比或EM表示尺寸 body

是否有一种方法可以计算HTML元素的可能大小,例如H1标记的像素相对于视图端口的大小

我希望在页面内显示HTML页面,并适当缩放内容。显然,如果一个元素以px或类似的形式指定了一个高度,我可以很容易地缩小它,但是如果没有给出高度,我如何继续呢

任何建议、指针或想法都欢迎,无论是PHP还是Python代码,或者C++,或者ASP都不要紧。因为我在寻找一种方法,而不是代码本身

谢谢


mintydog

在web上使用一个重置CSS文件(修改它们,使所有元素都有大小)。
使用百分比或EM表示尺寸

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中,你可以放一个.5em或其他东西,使它成为网站的缩略版本,只要它符合相同的em结构。如果没有,你将不得不做截图

同样像Itay提到的,您应该首先使用reset.css,然后这样做以保持一致性。您必须重新应用标签的样式,如strong、em、headers等,但在执行上述操作之前,使用reset.css文件时,您将始终有一个正确的基础,例如