javascript - 调整字体大小 - 固定宽度或流体？

Question

所以我正在设计一个作品集页面，其中主要包含标题文本以及一些段落和图片以备不时之需!

我的标题和一行文本将展开以填充其容器的整个宽度，该容器将成为包装器。

<div id="wrapper">
    <h1>I'm a heading</h1>
    <p>I aim to fill just one line regardless of letter count</p>
</div>

现在，我一直在网上搜索可以实现上述目标的解决方案。我发现无论我做什么都不起作用的 bigText.js 和 fitText.js 在不编辑 .js 以找到适合的字体大小的情况下不会自动调整文本大小到它的父容器 - 即使那样它也不是像素完美。

因此，我的问题是，对于我希望仅保留 35% 屏幕(居中)的包装器，我最好保持百分比(流动)还是使用固定宽度？对于任一选项，调整字体大小以正确填充包装宽度的正确方法是什么？

提前致谢

西蒙

Answer 1

如果您希望它居中，请使用百分比和“margin:auto”。阅读其他框架如何解决此问题: Twitter Bootstrap很适合我的工作。