首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >响应字体大小根据窗口的宽度,它可以用CSS吗?

响应字体大小根据窗口的宽度,它可以用CSS吗?
EN

Stack Overflow用户
提问于 2014-02-17 18:48:55
回答 1查看 3.8K关注 0票数 2

我做了一个响应设计在Wordpress和已经调整了一切。整个布局和幻灯片显示和插件调整到窗口的宽度,但我不能使字体响应。我已经尝试了许多不同的选择百分比,现在也使用,大众,Vh。它确实有效,但视图宽度和高度单位的间隔太大,不幸的是,当窗口调整大小时,变化非常大。我需要一些平滑的方式,减少字体大小与窗口的大小,很少的变化,也最好是最小的宽度,以设置为一些固定的单位。请帮帮我,有可能只使用CSS吗?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-02-18 00:37:05

听起来你想要对字体大小有很好的控制。

CSS-戏法上有一篇很棒的文章,概述了您的一些选择。Chris建议使用vmin来控制font-size。在实验之后,我建议使用vmax,因为它将选择vwvh的最大值,这是您提到的最小字体大小。

类似于:

代码语言:javascript
运行
复制
p {

  font-size: 2vmax;

}

还要注意:有一个Chrome 20+/Safara 6+中的错误可以防止字体根据新的视口大小调整大小。

不幸的是,如果这不够细粒度,我认为您将不得不使用js。我建议您使用这样一个优秀的插件:

  • SlabText
  • FitText
票数 6
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/21836955

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档