font-size 在具有相同 rem 的元素上计算不同
font-size is computed differently on elements with same rem
我有一个网页，它 div 分为几个部分，每个部分都有一个标题 div 和一个内容 div，点击标题会展开内容。
标题 div 的 font-size 为 2rem，内容 div 的 font-size 为 1.8rem。根的 font-size 为 62.5%（为了更容易转换，所以在桌面上 1rem=10px）。
在我的桌面上，标题的计算字体大小为 20px，内容的计算字体大小为 18px，这完全符合预期。
然而，当我使用 Chrome 开发工具将页面作为移动设备查看时（或者如果我使用智能手机查看页面），标题的计算字体大小为 20px，内容具有计算出的字体大小为 43.0718 像素（根据设备而变化），这意味着内容可读，但标题太小，您几乎无法阅读或点击它们。
尝试将此添加到 HTML 中的 head 标签中：
<meta name="viewport" content="width=device-width, initial-scale=1.0">
我有一个网页，它 div 分为几个部分，每个部分都有一个标题 div 和一个内容 div，点击标题会展开内容。
标题 div 的 font-size 为 2rem，内容 div 的 font-size 为 1.8rem。根的 font-size 为 62.5%（为了更容易转换，所以在桌面上 1rem=10px）。
在我的桌面上，标题的计算字体大小为 20px，内容的计算字体大小为 18px，这完全符合预期。
然而，当我使用 Chrome 开发工具将页面作为移动设备查看时（或者如果我使用智能手机查看页面），标题的计算字体大小为 20px，内容具有计算出的字体大小为 43.0718 像素（根据设备而变化），这意味着内容可读，但标题太小，您几乎无法阅读或点击它们。
尝试将此添加到 HTML 中的 head 标签中：
<meta name="viewport" content="width=device-width, initial-scale=1.0">