HTML字体大小62.5%-如何计算行高?

时间:2019-04-04 15:48:50

标签: css scss-mixins

是这种情况:

df <- df %>%
  mutate(Acres = case_when(Acres == "10-Jan" ~ "1 to 10",
                           TRUE ~ Acres))

现在,根据设计,行高应为html { font-size: 62.5%; } body { font-size: 16px; } ,但我想使用64px而不是em。是否存在将px放入em的公式?在这种情况下:64px是1.35em)?甚至更好-为此有scss mixin吗?

希望我在这里让自己很清楚...:)

1 个答案:

答案 0 :(得分:0)

根据你的意思... 为什么不使用<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>Add React in One Minute</title> </head> <body> <h2>Add React in One Minute</h2> <p>This page demonstrates using React with no build tooling.</p> <p>React is loaded as a script tag.</p> <!-- We will put our React component inside this div. --> <div id="like_button_container"></div> <!-- Load React. --> <!-- Note: when deploying, replace "development.js" with "production.min.js". --> <script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script> <script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin></script> <!-- Load our React component. --> <script src="like_button.js"></script> </body> </html>个像素,因为line-height: 4;个像素。如果您想在16*4=64中使用它,可以知道字体大小与行高的比率。请记住,行高可以是计算出的字体大小(我们在此使用)或硬编码值的一个因素。

em值​​根据父元素而变化,这就是为什么人们将其用于响应式网站设计。

您可以使用PixelsToEm(http://pxtoem.com/)通过提供正文字体大小来将像素值转换为em值。

因此您的CSS可能如下所示:

em