<html>
<head>
<meta charset="UTF-8">
<title>Demo</title> <style type="text/css">
#box { font-size: 4vw}</style></head><body> <div id="box">
我是靖鸣君 我是靖鸣君 我是靖鸣君</div></body></html>
但是该方案存在一个bug，上面的代码，当浏览器窗口变化的时候，box中的文字并没有按照应有的比例变化，但是css3标准中是这么说的：
When the height or width of the viewport is changed, they are scaled accordingly.
你在css样式文件头部写上body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,p,blockquote,th,td,a
{
padding:
0margin:
0font-size:12px
text-decoration:none
font-family:
"微软雅黑"
,arial}
h1,h2,h3,h4,h5,h6
{font-weight:
normalfont-size:
100%}
这样所有的标签默认的内外边距都清零了，而且有默认字体大小和字体。然后如果你需要的话可有给指定h1标签设置字体大小或者其他样式，希望可以帮到你
