html - 在 CSS 中自动缩放字体大小

标签 html css

我有一段文字。当文本长度增加时,我不想溢出额外的页面。需要始终打印一页。

当文本大小大于 div 大小时,是否可以使用 css 在 div 中自动缩放文本的字体大小?

文本将由用户编写。我对文本长度一无所知。但我不想让他们使用多于一页的页面。可以设置div的大小,但不能设置文本的长度。最好的方法是什么?

最佳答案

您可以使用 vw 值更改文本的字体大小,如下所示:

p {
    font-size:3vw;
}

我前段时间发了一篇关于这个的帖子:http://adam-marsden.co.uk/blog/posts/viewport-scaling-divs-and-typography

关于html - 在 CSS 中自动缩放字体大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32964004/

相关文章:

html - webkit-transition 在 Chrome 中不工作

javascript - 刷新页面时,日历中的日期设置回当前日期

css - 为什么 Safari 在每个 CSS 分页符后不断添加连续更大的边距?

html - 如何垂直对齐另一个 div 中的 div?

jqueryUI 自动完成和数据列表在一起

html - Controller 重定向导致错误403 'Type=Forbidden'

html - ie6 隐藏的 div 背景图像直到悬停才显示

html - 如何去除这种类型的元素重叠?

javascript - 图像弹出在一个稳定的位置

javascript - 数据列表垂直滚动在 Chrome 中不起作用