使文本跨越页面的整个宽度？

Question

我正在尝试使文本跨越页面的整个宽度，如下所示：

http://www.thecut.net.au/

我看过这个来源，但我无法理解他们是如何实现这一目标的。一些方向会很有用 - 谢谢。

Answer 1

Learn how to use your browser's inspector。找出你想知道的东西很容易：

Answer 2

您提到的网站解决方案是使用图片。图像更易于控制外观，尤其是在考虑现在可用的许多不同浏览器和屏幕尺寸时。

显示跨越网页宽度的图像的两种方法是：

1. 图片代码：<img id="largeTextImage" src="image URL" style="width:100%;" />
2. 背景图片：<div id="largeTextDiv" style="background: url(image URL) no-repeat top center;"></div>

Answer 3

如果您想要达到像素完美外观并简化生活，那么图像绝对是您的选择。

否则，您还可以查看使用不同的字体大小和使用媒体查询，以便根据窗口的宽度显示不同的字体大小。但是不建议这样做。