Question

我正在Google协作平台上制作一个网页，并且遇到了一个看似常见的问题。当窗口变小时，如何使文本大小变小？我非常 HTML新手，所以我需要一些简单的答案和一些示例代码。我不确定，但我认为Google协作平台只允许使用HTML。不幸的是，我无法附加以下代码，我希望这足够了：

<font color="#000000" face="georgia, serif" size="4"><span style="line-height:40px">This is code</span></font>

Answer 1

使用VW CSS属性。

示例：

p {font-size: 4vw;}

仅适用于兼容HTML5的浏览器。

规范： https://developer.mozilla.org/en-US/docs/Web/CSS/length

1VW =视口宽度的1/100。调整vw之前的值以调整所需类型的自动缩放量。

编辑：正如其他人所说 - 您也可以使用媒体查询，但缩放不顺畅，并会在每个断点处跳转到每个新的字体大小。这适用于需要精确控制字体大小的正文复制 - 但是，如果要在所有视口大小上进行比例缩放，而不仅仅是在预定义的断点处，请使用VW。

Answer 2

您应该使用css媒体查询：

+ (NSCalendarUnit) componentFlags {
    return NSCalendarUnitYear | NSCalendarUnitMonth | NSCalendarUnitDay | NSCalendarUnitWeekOfYear | NSCalendarUnitHour | NSCalendarUnitMinute | NSCalendarUnitSecond | NSCalendarUnitWeekday | NSCalendarUnitWeekdayOrdinal | NSCalendarUnitWeekOfYear;
}

如果您不知道如何添加css文件，可以在此链接中阅读：

Adding Css file

Answer 3

两个提示：

1）使用相对字体大小em。 em根据父元素字体大小的计算值设置相对单位。 e.g。

 `font-size: 2em;`

2）对于更具体的字体，根据屏幕大小添加附加媒体查询。

我希望这会有所帮助

如何在HTML中更改与窗口相关的文本大小？

3 个答案: