Question

我几乎完成了一个网站，但在android上遇到了一个关于chrome的巨大问题。股票浏览器工作正常，但铬正在弄乱我的文字大小。我的h4应为24px，第14px段。虽然，在chrome mobile上，文本增加了许多步骤。

我遇到了原始文字大小的结果的指定高度（如第一部分中id =＆＃34; fotostyle＆＃34;高度类似于500px）。

还有另一种解决这个问题的方法吗？不想让我在网站上的所有部分都固定在高度上;）。

感谢您的想法！：d

门诺

显示错误结果的图片＆lt;＆lt;

 <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 =＆＃34; fotoStyle＆＃34;部分。可能这个效果好的段落？

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

如果您还没有发现问题，请注意！

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

1 个答案: