首页 > 解决方案 > 某些 Android 设备的浏览器中的字体大小不规则

问题描述

在以下 HTML 文档中:

http://fiddle.jshell.net/v0yqL8xp/show/

在Android设备> = 8和Chrome浏览器(79.03945.116)上运行时,我发现以下与字体大小有关的问题(font-size:16px;):.medium类的两个div相比于.large 类 如果我将 .medium 类的大小增加到 100%,则文本会恢复到正确的大小。

有没有人遇到过类似的问题?

HTML 和 CSS:http: //jsfiddle.net/v0yqL8xp/

片段:

*
{
	padding: 0;
	margin: 0;
}


.medium
{
	float: left;
	width: 50%;
}

.large
{
	width: 100%;
}

p
{
	text-align: justify;
	font-size: 16px;
	padding: 14px;
}
<div class="medium">
	<p>Fugiat sit et tempor magna adipisicing excepteur veniam. Velit reprehenderit amet do et sint officia Lorem esse irure eiusmod consectetur. Laboris esse duis enim dolore et ex aliqua proident ullamco id ullamco nostrud amet. Qui culpa ad sint adipisicing do cillum velit proident exercitation ipsum. Pariatur reprehenderit reprehenderit elit irure ea cupidatat labore minim. Labore qui est minim occaecat commodo minim consectetur id aliquip. Sit veniam excepteur cupidatat eiusmod.</p>
</div>

<div class="medium">
	<p>Fugiat sit et tempor magna adipisicing excepteur veniam. Velit reprehenderit amet do et sint officia Lorem esse irure eiusmod consectetur. Laboris esse duis enim dolore et ex aliqua proident ullamco id ullamco nostrud amet. Qui culpa ad sint adipisicing do cillum velit proident exercitation ipsum. Pariatur reprehenderit reprehenderit elit irure ea cupidatat labore minim. Labore qui est minim occaecat commodo minim consectetur id aliquip. Sit veniam excepteur cupidatat eiusmod.</p>
</div>

<div class="large">
	<p>Fugiat sit et tempor magna adipisicing excepteur veniam. Velit reprehenderit amet do et sint officia Lorem esse irure eiusmod consectetur. Laboris esse duis enim dolore et ex aliqua proident ullamco id ullamco nostrud amet. Qui culpa ad sint adipisicing do cillum velit proident exercitation ipsum. Pariatur reprehenderit reprehenderit elit irure ea cupidatat labore minim. Labore qui est minim occaecat commodo minim consectetur id aliquip. Sit veniam excepteur cupidatat eiusmod.</p>
</div>

在这里你可以看到 div 1 和 2 的字母大小是如何小于第三个的

xd

标签: androidhtmlcss

解决方案


推荐阅读