【问题标题】: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 上的大屏幕上加载我的页面时,它将采用移动版本(第一个)的字体大小,当我调整它的大小时,它会采用正确的...跨度>

标签: css mobile responsive-design width font-size


【解决方案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 :)
  • 对 StackOverflow 的标准感谢是接受和/或投票的答案 :)
猜你喜欢
  • 1970-01-01
  • 2020-12-21
  • 2013-06-01
  • 2016-02-11
  • 2012-07-12
  • 2016-07-31
  • 2021-03-21
  • 2016-04-12
  • 2018-12-10
相关资源
最近更新 更多