css文字多了字体自动变大怎么解决

是在手机上的页面,是个左右滑动模块,页面放不下那么多代码,我简化说明下:
<div 这里的position:absolute 高设定为100%,宽为视口宽,overflow:hidden>
<div 宽是1000px 超出视口宽,用来承载下面的2个左浮动文字块>

<div 这里样式是限定高度,overflow:hidden float:left font-size:18px;>

<div>第1个文字块:有好多文字 </div>
</div>
<div 这里样式是限定高度,overflow:hidden float:left font-size:18px;>

<div>第2个文字块:有好多文字</div>
</div>
</div>
</div>
代码大致结构如上,当2个文字块都有好多文字时,字体自动变大了,根本不是设置的18px;但当第2个文字块没有文字或就几个字的时候,第1个文字块的字体大小就是正常的18px。

注:我在PC浏览器里打开就没这种情况,但在手机上看就是这样,而且手机上如果把屏幕横过来,字体会恢复正常,请问这是怎么回事?完全没头绪……求解答
还有,字体大小单位设置为em或px都是同样的问题
有没有设置字体大小和行高相同去试一试,line-height:18 去试一试