我很难理解字体zoom .
我目前有一个网站与身体font-size%.但是百分之百的什么？这似乎可以计算出16个像素.
我的印象是，100%指的是浏览器窗口的大小，但显然不是，因为无论窗口是缩小到移动宽度还是全屏桌面，它都是16像素.
如何使站点上的文本相对于其容器zoom ？我试着用em，但这个也不能zoom .
我的推理是，当您调整大小时，像我的菜单这样的东西会被挤压，所以我需要减少与容器宽度相关的其他元素中的px、font-size和.menuItem.(例如，在大桌面上的菜单中，22px可以完美地工作.向下移动到平板电脑宽度，16px更合适.)
我知道我可以添加断点，但我真的希望文本可以扩展到well，因为有额外的断点，否则，我会以每well像素宽度减少数百个断点来控制文本.
EDIT: If the container is not the body CSS技巧涵盖了100中的所有选项.
如果容器是主体，则您要查找的是Viewport-percentage lengths:
viewport-percentage lengths是相对于initial containing block的大小而言的.当包含挡路的首字母的高度或宽度更改时，它们会相应zoom .但是，当根元素上的overflow的值为auto时，假定任何滚动条都不存在.
值为:
vw(视口宽度的%)vh(视口高度的%)vi(根元素内联轴方向上视口大小的1%)vmin(vw或vh中较小者)vmax(较大的或vw或vh)1v*等于初始含挡路的1%.
使用它看起来像这样:
p {
font-size: 4vw;
}
如您所见，当视口宽度增加时，font-size也会增加，而不需要使用媒体查询.
这些值是调整大小的单位，就像px或em一样，因此它们也可以用于调整其他元素的大小，例如宽度、边距或填充.
浏览器支持非常好，但您可能需要一个后备方案，例如:
p {
font-size: 16px;
font-size: 4vw;
}
查看支持统计数据:http://caniuse.com/#feat=viewport-units.
此外，还可以查看CSS技巧以获得更广泛的了解:100
这里有一篇关于设置最小/最大尺寸并对尺寸进行更多控制的好文章:100
这里有一篇关于使用calc()设置大小以便文本填充视口的文章:http://codepen.io/CrocoDillon/pen/fBJxu
另外，请看这篇文章，它使用了一种被称为"熔化引线"的技术来调整线条高度.100