我做了一个响应设计在Wordpress和已经调整了一切。整个布局和幻灯片显示和插件调整到窗口的宽度,但我不能使字体响应。我已经尝试了许多不同的选择百分比,现在也使用,大众,和Vh。它确实有效,但视图宽度和高度单位的间隔太大,不幸的是,当窗口调整大小时,变化非常大。我需要一些平滑的方式,减少字体大小与窗口的大小,很少的变化,也最好是最小的宽度,以设置为一些固定的单位。请帮帮我,有可能只使用CSS吗?
发布于 2014-02-18 00:37:05
听起来你想要对字体大小有很好的控制。
在CSS-戏法上有一篇很棒的文章,概述了您的一些选择。Chris建议使用vmin
来控制font-size
。在实验之后,我建议使用vmax
,因为它将选择vw
和vh
的最大值,这是您提到的最小字体大小。
类似于:
p {
font-size: 2vmax;
}
还要注意:有一个Chrome 20+/Safara 6+中的错误可以防止字体根据新的视口大小调整大小。
不幸的是,如果这不够细粒度,我认为您将不得不使用js。我建议您使用这样一个优秀的插件:
https://stackoverflow.com/questions/21836955
复制相似问题