网站中的响应式字体答案

【问题标题】：Resposive font in websites网站中的响应式字体
【发布时间】：2012-03-12 02:03:52
【问题描述】：

我想让字体响应浏览宽度的变化，我这样做

<div>
   <h1>hello world  </h1>
</div>

div{
width:50px%;
min-heigth:300px;
border:1px solid black;
font-size:120%;
}
h1{ 
    font-size:6em;
}

这里有一个例子 http://jsfiddle.net/wZmAc/

字体没有响应！有人可以帮忙吗！

【问题讨论】：

呃，你想让字体响应什么？这里没有“响应式”。您的 CSS 代码中还有几个拼写错误。
@BoltClock，我希望它响应 windows re-size，你的评论是什么意思，我不明白：S
注：宽度：50px%；选择或 px 或 %;

标签： css fonts responsive-design

【解决方案1】：

如果您只是尝试缩放字体以适应屏幕并且愿意考虑使用 Javascript 解决方案，则可以查看 FitText.js (jQuery) 或 InflateText.js remix。

【讨论】：

【解决方案2】：

你可以使用这样的东西：

body {
    font: normal 100% Helvetica, Arial, sans-serif;
}
h1 {
    font-family: Georgia, serif;
    font-size: 1.5em;        /* 24px / 16px = 1.5em */
}