html - 如何根据浏览器大小设置文字大小？

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/

然后您可以做的是使不同的内容适应您正在显示的视口(viewport)(这意味着您的页面要显示的有效屏幕尺寸，包括滚动条)。