调整字体大小 - 固定宽度还是流体?

时间:2013-08-25 12:33:44

标签: javascript jquery css

所以我正在设计一个投资组合页面,其中主要包含标题文字,其中包含一些段落和图像,以便进行测量!

我的标题和一个带衬里的文字将展开以填充它的容器的整个宽度,这将是包装。

<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%屏幕(中心)的包装,我最好保持百分比(流量)还是使用固定宽度?并且使用任一选项,调整字体大小以正确填充包装宽度的正确方法是什么?

提前致谢,

西蒙

1 个答案:

答案 0 :(得分:0)

如果您想让它居中,请使用百分比和'margin:auto'。 阅读其他框架,了解它们如何解决此问题: Twitter Bootstrap适合我的工作。