CSS 视口单位 (vw
, vh
, vmin
, vmax
)非常棒,我想开始将它们用于字体 - 但我注意到here http://caniuse.com/viewport-units他们没有得到广泛的支持。我尝试在不支持的浏览器中搜索任何用于优雅降级的最佳实践,但找不到任何有用的东西。除了这样做之外,还有其他更好的方法吗:
h1 {
font-size: 120%; /* for unsupported browsers */
font-size: 5.3vmin; /* for supported browsers */
}
提前致谢!
您至少需要提供后备:
h1 {
font-size: 36px; /* Some tweener fallback that doesn't look awful */
font-size: 5.4vw;
}
还讲述了如何模仿 FitText.js 的功能。
欲了解更多信息,请阅读 Chris Coyier 的“视口大小的版式”http://css-tricks.com/viewport-sized-typography/ http://css-tricks.com/viewport-sized-typography/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)