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

Question

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

我遇到了以原始文本大小为结果指定一个指定高度（如第一部分中 id="fotostyle" 的高度为 500 像素）。

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

感谢您的想法！ :D

门诺

图片显示错误结果

 <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，第一个（OK）和第二个（NO）部分之间的唯一区别似乎是 id="fotoStyle" 部分。这会影响 OK 段落吗？

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

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