响应 - 字体大小不加载

Posted 2023-03-06

【中文标题】响应 - 字体大小不加载

【英文标题】：Responsive - Font size doesn't load

【发布时间】：2014-07-15 12:12:42

【问题描述】：

我建立了一个从手机到大屏幕的响应式网站。 当我把屏幕变大时，我的字体也会变大。 但是当我在大屏幕中导航或打开时，字体大小以 100% 作为我的移动版本开始。当我再次更改大小时，它将加载正确的字体大小。

每增加 200 个像素宽度会使字体大小增大 10%，但如果我导航或我必须调整它的大小以便加载...

谁能帮忙？

【问题讨论】：

请显示一些代码来说明您的错误/问题。

html 字体大小：100%; @media (min-width:600px) html 字体大小:110%;它在 mozilla 而不是 chrome 中工作，当我在 chrome 上的大屏幕上加载我的页面时，它将采用移动版本（第一个）的字体大小，当我调整它的大小时，它会采用正确的...跨度>

【参考方案1】：

当在 HTML 标签上设置字体大小时，Chrome 中存在一系列已知问题：

https://code.google.com/p/chromium/issues/detail?id=320754

为了安全起见，我使用它（当然，您不必使用 rems）：

html 
    font-size: 62.5%;

body, input, select, textarea, table, td 
    font-size: 12px;
    font-size: 1.2rem;
 

【讨论】：

谢谢伙计...我尝试了很多东西，我所要做的就是在我的大屏幕上将 html 转换为 body :)

对 *** 的标准感谢是接受和/或投票的答案 :)