css - 响应式问题

Question

我正在尝试将页面上的文本更改为页面大小。例如，根据屏幕的分辨率，该行将在不同的位置结束，以便所有文本都可以放在 div 中。

我确信有一种非常简单的方法可以做到这一点，但我根本无法弄清楚。

任何帮助表示赞赏，

谢谢。

Answer 1

如果您正在考虑响应，您必须学会放弃对您的设计的一定程度的控制。线路长度会在不同的设备上发生变化，但这是预期的行为......

如果您真的刚刚开始，您应该阅读开始这一切的原始文章。Ethan Marcotte 的书也是不可或缺的。

如果您希望缩小/扩大标题文本以适应可用空间（并且您习惯于使用 jQuery），请查看FitText。

Answer 2

媒体查询：

@media all and (min-width: 800px) {
  body { background: red; }
}