9

我想知道为什么字体大小在我的桌面和我的 Android 上会如此不同（默认浏览器 Chrome，在最新系统上）。

总之，<p>（段落）中的字体大小在Android上太大了。

我使用CSS 重置样式表（法语文章）。

Linux 上的 Firefox 25.0

火狐 25.0

您可以看到Lorem ipsum段落的文本减少了（相对于页面的文本）。标题有较大的文字。

Android Chrome（裁剪）

安卓上的 Chrome

Lorem ipsum段落中文本的大小接近Title的大小。为什么 Chrome 不显示较小尺寸的文本？

例子

请参阅 jsfiddle: edit、fullscreen和fullscreen without jsfiddle bar。

4

5 回答 5

6

这个话题很老，但仍然..

我为此找到了一些解决方法。虽然仍在战斗：

  1. 如果您强制段落具有高度，它会再次变为正常。
  2. 设置<meta name="HandheldFriendly" content="true"/>还可以立即修复所有段落。

享受。

于 2014-10-26T12:50:26.307 回答
3

<meta name="viewport" content="width=device-width, maximum-scale=1.0, user-scalable=yes">在<head>标签中可以禁用 Android 设备上的缩放

于 2014-09-02T08:25:41.300 回答
2

可以使用-webkit-text-size-adjust/text-size-adjust属性

编辑：检查这个Android Chrome 忽略 -webkit-text-size-adjust:none 属性。缩小时正在缩放文本

于 2013-11-14T21:45:11.447 回答
1

您可能在 Chrome for Android 中遇到了这个已知问题。相关文字如下：

某些网站（例如 Reddit 和 T-Mobile）的字体大小不一致。

我们正在努力改进非移动网站在手机上的显示效果，尤其是那些使用多种样式和字体的网站。

于 2013-11-14T21:41:11.783 回答
1

它适用于我 iPhone 上的 Chrome。您是否尝试过在您的 Android 设备上使用其他浏览器来查看是否得到不同的结果？

在此处输入图像描述

另外，我会删除巨大的 CSS 重置并从更基本的 CSS 开始。这使得这样的事情更容易调试。怎么样开始：http: //jsfiddle.net/mb8Db/1/

<style>
body {
    font-family:"Century Gothic", helvetica, arial, sans-serif;
    font-size: 1.4em;
    line-height: 1.5;
}
/* failing on Android */
 body > main > article {
    font-size:1em;
}
body > main > article p {
    font-size:0.75em;
}
</style>

<main>
     <h3>Header</h3>
    <article>
        <header>
             <h3>Title</h3>
        </header>
        <p>Paragraph</p>       
    </article>
</main>
于 2013-11-14T22:03:21.773 回答