当前位置:  开发笔记 > 编程语言 > 正文

我可以设置相对于页面大小的字体大小吗?

如何解决《我可以设置相对于页面大小的字体大小吗?》经验,为你挑选了3个好方法。

有没有办法font-size相对于页面的大小?将百分比作为单位应用是指标准字体大小(如12px的90%,而不是页面的90%!).这与大多数其他标签的行为不同.

有没有什么方法可以使页面"上下缩放"?我应该依靠em吗?

谢谢



1> zachleat..:

查看新的vh和vw CSS单元.浏览器支持还不是很好.

http://snook.ca/archives/html_and_css/vm-vh-units

它最近登陆了WebKit:https://bugs.webkit.org/show_bug.cgi? id = 27160

在支持它的浏览器中,1 vh视口高度1 vw为1%(1/100),视口宽度为1%(1/100).还有vminvmax单位,分别代表两者中较小者和两者中较大者.


如果linkrot永远不是一件事,这是一个很好的主张http://meta.stackexchange.com/questions/8231/are-answers-that-just-contain-links-elsewhere-really-good-answers

2> random..:

否,您无法以相对于页面大小的百分比设置字体大小.

大小调整em是基于相对于字体通常在16点呈现的大小的大小.

如果你希望你的页面可以向上和向下缩放并保持某种比例,那么盒子和字体,然后设置它就em可以了.

该方法将允许页面的字体和框的缩放以相对彼此的大小增长,并且希望不会使事物超出边界和边界.


"你不能这样做"是不正确的.请参阅下面的答案.
值得注意的是,它与浏览器的默认字体大小有关,可能是也可能不是16分(虽然这是桌面浏览器的默认值).

3> Ryan McGeary..:

试试像FitText这样的jQuery插件.它会自动调整文本大小以适合父元素的宽度.

另一个具有相同目标的jQuery插件是BigText(演示).

推荐阅读
拾味湖
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有