通过在父容器 'foo' 上设置 css 'height' 属性,内部元素的计算 'font-size' 错误地改变。这仅发生在 Chrome 浏览器上的移动设备上。
请尝试在 Chrome 下运行以下代码,并在开发者控制台中选择任何移动设备进行测试:
然后禁用(注释掉)类“foo”的“height”属性。 p元素的计算“font-size”不应更改,但实际上确实更改了。
当在文档本身中注释掉“height”属性并重新加载页面时(->然后两个p元素中的文本都比正常情况下大),Chrome也会显示错误的大小。
请帮我确认一下 - 这需要报告一个错误吗?
请尝试在 Chrome 下运行以下代码,并在开发者控制台中选择任何移动设备进行测试:
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>Test</title>
<style>
.foo {
height: 600px;
color: white;
background: teal;
}
</style>
</head>
<body>
<section>
<h2>Header in first section</h2>
<p>Text with a normal size. Text with a normal size.</p>
</section>
<section class="foo">
<h2>Header in second section</h2>
<p>This text changes size when commenting out 'foo's height property in the Chrome developer console and mobile mode (e.g Galaxy S5) - but why?</p>
</section>
</body>
</html>
当在文档本身中注释掉“height”属性并重新加载页面时(->然后两个p元素中的文本都比正常情况下大),Chrome也会显示错误的大小。
请帮我确认一下 - 这需要报告一个错误吗?