为什么有些网站将默认字体大小更改为 14px
why some websites change default font size to 14px
我看到许多网站将默认字体大小从 16px 更改为 14px
像
https://opensea.io
和
https://github.com
这背后的原因是什么?
它是网页设计的新标准吗?
选择 16px 是因为它与 rem
或 em
的比例很好。
这就是它被广泛使用的原因,但这不是标准,即使浏览器也可以有不同的 font-size 默认值。
如果将其更改为 14px,它可能会更好地适应页面上元素的比例。
但基本上改变它并没有真正意义,除非你想要更小的尺寸差异但它不会改变太多。
16px:
/*
10px = 0.625rem
12px = 0.75rem
14px = 0.875rem
16px = 1rem (base)
18px = 1.125rem
20px = 1.25rem
24px = 1.5rem
30px = 1.875rem
32px = 2rem
*/
14px:
/*
10.5px = 0.75rem
12.25px = 0.875rem
14px = 1rem (base)
15.75px = 1.125rem
17.5px = 1.25rem
21px = 1.5rem
*/
我看到许多网站将默认字体大小从 16px 更改为 14px 像 https://opensea.io 和 https://github.com
这背后的原因是什么? 它是网页设计的新标准吗?
选择 16px 是因为它与 rem
或 em
的比例很好。
这就是它被广泛使用的原因,但这不是标准,即使浏览器也可以有不同的 font-size 默认值。
如果将其更改为 14px,它可能会更好地适应页面上元素的比例。 但基本上改变它并没有真正意义,除非你想要更小的尺寸差异但它不会改变太多。
16px:
/*
10px = 0.625rem
12px = 0.75rem
14px = 0.875rem
16px = 1rem (base)
18px = 1.125rem
20px = 1.25rem
24px = 1.5rem
30px = 1.875rem
32px = 2rem
*/
14px:
/*
10.5px = 0.75rem
12.25px = 0.875rem
14px = 1rem (base)
15.75px = 1.125rem
17.5px = 1.25rem
21px = 1.5rem
*/