【问题标题】:Strange Formatting Issue with basic HTML基本 HTML 的奇怪格式问题
【发布时间】:2018-02-02 01:57:21
【问题描述】:

好吧,这让我发疯了。我一直在对格式问题进行故障排除,并且一直在剥离和剥离代码,但对我所看到的没有任何解释。

请看以下页面:

http://test.solivitahoa.com/testbig.php

非常简单的 HTML。没有 CSS,没有 JS,只有一个有 2 列的表格。如果您在桌面上查看它,它很好并且看起来像预期的那样。但是,如果您在 Android 上的 Chrome 中查看它(我在 OnePlus 5 上运行 Android 8),即使代码中没有指定大小,第一个单元格的文本也比右侧单元格小得多。

格式与预期一致,直到在第一行设置最后一个“1234567890”,然后它会增加字体大小。

这是什么原因造成的?有办法解决吗?

【问题讨论】:

    标签: android html html-table


    【解决方案1】:

    这很奇怪。修复它的一种方法是在整个文档上设置固定的文本大小。例如,这个 css 解决了这个问题:

    body {
        font-size: 12px;
    }
    

    您可以将此视为您的字体重置 css。

    【讨论】:

    • 谢谢,但问题是这个代码是一个更大的网站的一部分,有很多不同的格式等等。我想知道这是否是 Android Chrome 中的错误。
    • 你为什么不直接为那个类/表/等明确设置字体大小?似乎移动设备可以根据单元格的大小进行一些调整。查看这篇文章:stackoverflow.com/questions/31917088/… 一些建议:确保视口缩放设置为 1: 一些人建议这些 css 属性:- webkit-文本大小调整:无; -moz-文本大小调整:无; -ms-text-size-adjust: 无;
    猜你喜欢
    • 2020-07-28
    • 2015-06-19
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-02-02
    相关资源
    最近更新 更多