【问题标题】:Android ignoring font-size change via media query on HTMLAndroid通过HTML上的媒体查询忽略字体大小更改
【发布时间】:2025-11-15 15:30:03
【问题描述】:

基本上,在 Nexus 7 上,当 HTML 元素上的字体大小发生变化时,它会被忽略。如果我删除较小的字体大小,一切都会按预期工作,但这会给手机增加它自己的问题。

CSS:

html { font-size: 10px; }

@media (min-width: 600px) and (max-aspect-ratio: 21/15), (min-width: 768px) {
  html { font-size: 16px; }
}

如果我删除第一行,它就可以工作,这样媒体查询就不是问题了。有人有任何想法或遇到过这个吗?

到目前为止,我唯一的理论是它可能是 WebViews 的一个错误(目前在 Web 视图中)。

【问题讨论】:

  • 你验证了html吗?
  • 标记所有通行证。无论是什么问题,它都会比这更重要。特别是因为这似乎是我可以复制它的唯一设备,但它确实每次都复制。
  • 为什么不为此和其他一切尝试媒体查询?
  • 我在 CSS 的其余部分都使用 REM 单位。使在手机尺寸和台式机/平板电脑尺寸之间切换变得更加容易。
  • 我在 Windows 上的 Chrome 中遇到了同样的错误,所以我不认为这是特定于 WebView 的。

标签: android css webview


【解决方案1】:

我可以通过添加一个额外的包罗万象的 @media 查询而不是在 @media 之外指定 font-size 来解决这个问题em> 查询。

【讨论】: