css 使用rems的黄金比例印刷比例。 http://www.modularscale.com/?1.6,.8&rem&1.618&web&text

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 使用rems的黄金比例印刷比例。 http://www.modularscale.com/?1.6,.8&rem&1.618&web&text相关的知识,希望对你有一定的参考价值。

html {
  font-size: 62.5%;
}
body {
  font-size: 1.6em;
  line-height: 1.625;
}

h1 { font-size: 6.777rem; }
h2 { font-size: 5.483rem; }
h3 { font-size: 4.189rem; }
h4 { font-size: 3.389rem; }
h5 { font-size: 2.589rem; }
h6 { font-size: 2.094rem; }

以上是关于css 使用rems的黄金比例印刷比例。 http://www.modularscale.com/?1.6,.8&rem&1.618&web&text的主要内容,如果未能解决你的问题,请参考以下文章

根据黄金分割比例计算股价反弹位置绿色开源软件

js根据屏幕宽度计算rem比例

数学文化 卢卡斯数列和黄金分割

VSCode编程工具小插件之px一键转换成rem

rem计算适配

css 保持比例的盒子。来自http://www.mademyday.de/css-height-equals-width-with-pure-css.html