android - 某些 Android 设备的浏览器中的字体大小不规则
问题描述
在以下 HTML 文档中:
在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 的字母大小是如何小于第三个的
解决方案
推荐阅读
- jquery - 没有onclick的选中单选按钮上的JQUERY警报
- python - MCMC 或 HMC 中的加速特征值问题
- c# - 如何将 DataGridView 中的编辑更新为表
- javascript - 当 Node.js 只使用有限的线程时,它为什么会更快?
- django-views - 使用 Django 中的 Boostrap 自动完成模型形式的外键字段
- python - Boxlayout 未在屏幕上显示按钮
- javascript - 谷歌分析代码的改编不是注册页面浏览量
- python - 如何定义浏览器异步点击使用?
- javascript - How to make impossible rewriting Class instances fields
- javascript - 如何将动态 Javascript 元素从网站导入 Google 表格