html - android 的 chrome 上的字体大小显着增加？

Question

我几乎完成了一个网站，但在 android 上遇到了一个巨大的 chrome 问题。股票浏览器工作正常，但 chrome 弄乱了我的文字大小。我的h4应该是24px，段落14px。不过，在 chrome 移动版上，文本增加了很多步骤。

我遇到了以原始文本大小为结果指定高度的问题(如在第一部分中，id="fotostyle"的高度约为 500 像素)。

有没有其他方法可以解决这个问题？不想让我在网站上的所有部分都固定高度；)。

谢谢你的想法! :D

门诺

Image to show the wrong result <<

 <section class="box welcomeBox" id="fotoStyle"> 
                    <h4> Fotografiestijlen </h4>
                    <p class="contentBlockSubTitle"> Diverse fotografiestijlen kunnen gebruikt worden. De meeste ouders stellen portretfoto&#39;s op prijs, omdat ze deze meestal niet zelf kunnen maken. De foto&#39;s in creatieve stijl worden meestal zelf gemaakt. De keuze wordt dan ook altijd in overleg met de schoolleiding gemaakt.</p>
                    <div> ...............

<section class="box accordeonBox">
                    <h4> Afhandeling foto's </h4>
                    <p class="contentBlockSubTitle"> Wij bieden 4 mogelijkheden om een fotopakket te bestellen. Neem voor vragen graag contact met ons op.</p>

                    <div class="accordion"> .........


.box {
    background-color: white;
    padding: 50px;
    border-radius: 3px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-shadow:  0px 2px 4px 0px rgba(0,0,0,0.27);
}

.welcomeBox {
    width: 100%;
    padding-top: 26px;
    margin-top: 36px;
}

Answer 1

嗯，有趣的是，查看您的 html，第一(确定)和第二(否)部分之间的唯一区别似乎是 id="fotoStyle"部分。这会影响 OK 段落吗？

尝试查看如果将该 ID 添加到第二个部分会发生什么，您可能会找到较小文本的来源。

如果您还没有发现问题，请发表评论!