字体大小会随着Android上Chrome浏览器中的网页内容数量而变化。是什么导致这个？

Question

我对移动网站开发还不熟悉。在Samsung Galaxy S3 mini上的Android 4.1.2上的Chrome 40.0.2311.111中查看我的手工时，我看到字体大小会根据页面上的文本数量而变化。下面的屏幕截图显示了包含和不包含内容的页面。请注意正在显示的标题和段落文本的不同字体大小：

这两页之间的唯一区别是填充文本的数量，其他一切都是100％相同。页面底部没有内容的版权信息（以较小的字体呈现）也出现在内容上，但在屏幕截图中不可见。

CSS确实定义了字体属性：

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  color: #000033;
}

h1 {
  font-size: 200%;
}

请注意，我依靠继承来定义正文中段落元素的属性，这应该可以正常工作，对我来说总是如此。包括段落字体大小的特定定义，如：

 p {          /* Include TD as workaround */
  font-family: Arial, Helvetica, sans-serif;  /* for Moz inheritance bugs */
  font-size: 10pt;
  color: #000033;
}

没有效果。

导致这种行为的原因是什么？我忽略了什么吗？