如何根据浏览器大小设置文本大小？

Question

我正在构建一个站点，需要根据浏览器大小进行缩放。基本上是2行3列。左右列有图片和中间列有文字。我给出了左右百分比，它们表现不错，但是如何在中间栏中给出相同处理的文本，以便根据浏览器大小改变其大小？

Answer 1

根据浏览器的不同，如果您的目标是支持CSS3的现代浏览器，则可以使用css媒体查询：

<link href="grid-978.css" media="all and (min-width: 1002px) and (max-width: 1247px)" rel="stylesheet">

此代码仅为筛选大小的间隔加载选定的css。

您可以在此处查看示例：http://978.gs/

然后您可以做的是将不同的内容调整到您正在发布的视口（这意味着要显示您的页面的有效屏幕大小，包括滚动条）。